
video.bg-digital,
.video-img,
#canvas-video,
#canvas-video2,
#canvas-video3,
#canvas-video4,
#canvas-video5 {  
  height: auto;
  left: 50%;
  min-height: 100vh;
  min-width: 100vw;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
  transform: translateX(-50%) translateY(-50%) rotateY(180deg);
  transition: opacity 0.75s ease 0s;
  width: auto;
  pointer-events: none;
  will-change: transform;
}
.layer-b,
.layer-c,
.layer-d,
.layer-e {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	left: 46.36vw;
	overflow: hidden;
  opacity: 0;
	z-index: 1;
	background: #270645;
	-webkit-backface-visibility: hidden;	
	-webkit-transition: box-shadow 2s ease .5s;
	transition: box-shadow 2s ease .5s;
}
/*.layer-b.delay,
.layer-c.delay,
.layer-d.delay,
.layer-e.delay {
	-webkit-transition: box-shadow 2s ease .5s, -webkit-transform 2s ease .5s, opacity 1s ease .5s;
	transition: box-shadow 2s ease .5s, transform 2s ease .5s, opacity 1s ease .5s;
}*/
.layer-b {
	/*margin-left: 8rem;*/
	-webkit-transform: translate(8rem,0);
	transform: translate(8rem,0);
}
.layer-c {
	/*margin-left: 6rem;*/
	-webkit-transform: translate(6rem,0);
	transform: translate(6rem,0);
}
.layer-d {
	/*margin-left: -7.3rem;*/
	-webkit-transform: translate(-7.3rem,0);
	transform: translate(-7.3rem,0);
}
.layer-e {
	/*margin-left: -6rem;*/
	-webkit-transform: translate(-6rem,0);
	transform: translate(-6rem,0);
}
.digital.animate .layer-b,
.digital.animate .layer-c,
.digital.animate .layer-d,
.digital.animate .layer-e {
	box-shadow: 0 0 5vw rgba(49,2,85,0.5);
	/*margin-left: 0;*/
	/*-webkit-transform: translate(0,0);
	transform: translate(0,0);*/
	/*opacity: 1;*/
}
.digital.animate .layer-c {
  -webkit-transition: box-shadow 2s ease .2s;
	transition: box-shadow 2s ease .2s;
}
.digital.animate .layer-d {
  -webkit-transition: box-shadow 2s ease .3s;
	transition: box-shadow 2s ease .3s;
}
.digital.animate .layer-e{
  -webkit-transition: box-shadow 2s ease .4s;
	transition: box-shadow 2s ease .4s;
}

/*.digital.delay .layer-b {
	-webkit-transition: box-shadow 2s ease .5s, -webkit-transform 2s ease .5s, opacity 1s ease .5s;
	transition: box-shadow 2s ease .5s, transform 2s ease .5s, opacity 1s ease .5s;
}
.digital.delay .layer-c {
  -webkit-transition: box-shadow 2s ease .2s, -webkit-transform 2s ease .2s;
	transition: box-shadow 2s ease .2s, transform 2s ease .2s;
}
.digital.delay .layer-d {
  -webkit-transition: box-shadow 2s ease .3s, -webkit-transform 2s ease .3s;
	transition: box-shadow 2s ease .3s, transform 2s ease .3s;
}
.digital.delay .layer-e{
  -webkit-transition: box-shadow 2s ease .4s, -webkit-transform 2s ease .4s;
	transition: box-shadow 2s ease .4s, transform 2s ease .4s;
}*/

.layer-b .video-wrap,
.layer-c .video-wrap,
.layer-d .video-wrap,
.layer-e .video-wrap {
	position: absolute;
	width: 100vw;
	height: 100vh;
	top: 0;
	bottom: 0;
	left: -44.36vw;
}
.layer-b:after,
.layer-c:after,
.layer-d:after,
.layer-e:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	z-index: 2;
	background: -moz-linear-gradient(top,  rgba(57,17,85,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(57,17,85,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(57,17,85,1) 0%,rgba(255,255,255,0) 100%);
	opacity: 0;
/*	-webkit-transition: opacity 2s ease;
	transition: opacity 2s ease;*/
}
.digital.animate .layer-b:after,
.digital.animate .layer-c:after,
.digital.animate .layer-d:after,
.digital.animate .layer-e:after {
	opacity: 1;
}
.digital.animate .layer-c:after {
	-webkit-transition: opacity 2s ease .4s;
	transition: opacity 2s ease .4s;
}
.digital.animate .layer-d:after {
	-webkit-transition: opacity 2s ease .3s;
	transition: opacity 2s ease .3s;
}
.digital.animate .layer-e:after {
	-webkit-transition: opacity 2s ease .4s;
	transition: opacity 2s ease .4s;
}

.layer-b video.bg-digital,
.layer-c video.bg-digital,
.layer-d video.bg-digital,
.layer-3 video.bg-digital,
canvas {
  -webkit-transition: opacity 2s ease .5s, margin 2s ease .5s;
	transition: opacity 2s ease .5s, margin 2s ease .5s;
}

.layer-b video.bg-digital,
#canvas-video,
.layer-b .video-img {
	opacity: 0.3;
	left: 50%;	
	margin-left: -7.3rem;
}
.digital.animate .layer-b video.bg-digital,
.digital.animate .layer-b .video-img,
.digital.animate #canvas-video {
	opacity: 0.73;
	margin-left: 8vw;
}
.digital .square:after {
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	right: 0;
	width: 2rem;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 36%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2) 64%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 36%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 64%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 36%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 64%,rgba(0,0,0,0) 100%);
	content: '';
	display: block;
	opacity: 0;
	-webkit-transition: opacity .5s ease 1.5s;
	transition: opacity .5s ease 1.5s;
}
.digital.animate .square:after  {
	opacity: 1;
}


.layer-c {
	z-index: 4;
	left: 59.18vw;
}
.layer-c .video-wrap {
	left: -59.18vw;
}
.layer-c video.bg-digital,
#canvas-video2,
.layer-c .video-img { 
	margin-left: -6rem
}
.digital.animate .layer-c video.bg-digital,
.digital.animate #canvas-video2,
.digital.animate .layer-c .video-img {
	opacity: 1;
	margin-left: -12vw;	
	-webkit-transition: opacity 2s ease .2s, margin 2s ease .2s;
	transition: opacity 2s ease .2s, margin 2s ease .2s;
}
.layer-c:after {
	bottom: auto;
	height: 50%;
}

.layer-d {
	z-index: 3;
	left: 72.93vw;
}
.layer-d .video-wrap {
	left: -72.93vw;
}
.layer-d video.bg-digital,
#canvas-video3,
.layer-d .video-img {
	margin-left: 8rem
}
.digital.animate .layer-d video.bg-digital,
.digital.animate #canvas-video3,
.digital.animate .layer-d .video-img {
	opacity: 0.83;
	margin-left: -6vw;
	-webkit-transition: opacity 2s ease .3s, margin 2s ease .3s;
	transition: opacity 2s ease .3s, margin 2s ease .3s;
}
.layer-d:after {
	bottom: auto;
	height: 30%;
}

.layer-e {
	z-index: 2;
	left: 87vw;
}
.layer-e .video-wrap {
	left: -87vw;
}
.layer-e video.bg-digital,
#canvas-video4,
.layer-e .video-img  {
	margin-left: 6rem
}
.digital.animate .layer-e video.bg-digital,
.digital.animate #canvas-video4,
.digital.animate .layer-e .video-img  {
	opacity: 0.73;	
	-webkit-transition: opacity 2s ease .4s, margin 2s ease .4s;
	transition: opacity 2s ease .4s, margin 2s ease .4s;
}
.layer-e:after {
	bottom: auto;
	height: 15%;
}

.digital-entry {
	position: absolute;
	left: 5%;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	color: #fff;	
	width: 45%;
	z-index: 7;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.animate .digital-entry {
	opacity: 1;
}
.entry-in {
	top: 50%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	position: absolute;
	padding-left: 5rem;
}
.digital-entry h1 {
	font-size: 8rem;
	line-height: 8.1rem;
	font-family: "CaslonGraphiqueEF";
	font-weight: normal;
	padding-bottom: 1.2rem;
	letter-spacing: 3.5px;
	-webkit-transform: translate(0,7rem);
	transform: translate(0,7rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-out 1.5s, opacity .5s ease-out 1.5s;
	transition: transform .5s ease-out 1.5s, opacity 1.5s ease-out 1.5s;
}
.digital-entry p {
	font-size: 1.9rem;
	line-height: 3.1rem;
	color: rgba(255,255,255,0.83);
	-webkit-transform: translate(0,7rem);
	transform: translate(0,7rem);
	opacity: 0;
	width: 71%;
	-webkit-transition: -webkit-transform .5s ease-in 1.5s, opacity .5s ease-in 1.5s;
	transition: transform .5s ease-in 1.5s, opacity .5s ease-in 1.5s;
}
.animate .digital-entry h1,
.animate .digital-entry p  {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
#main {	
	width: 100%;
	position: relative;
	left: 0;	
	right: 0;
	bottom: 0;
	top: 0;	
	/*z-index: 99;*/
}
#main .insights {
	overflow: hidden;
	margin-bottom: -2px;
}
.svg-bg-2 {
	transform: scale(0.55); 
	transform-origin: 100% 0;
	-webkit-transform: scale(0.55); 
	-webkit-transform-origin: 100% 0;
}
.hero-carousel .slide-wrap {
	width: 2000px;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	height: 1078px; 
}
.hero-carousel .slide  {
	position: relative;
	height: 100%;
	width: 100%;
	perspective: 1000px;
}
.hero-carousel .slide-outer {
	position: relative;
	/*overflow: hidden;	*/
	width: 100%;
	height: 100vh!important;
	display: block!important; 
  /*position: absolute;*/
  -webkit-transform: translateZ(0px) translate(0,0)!important;  
  transform: translateZ(0px) translate(0,0)!important;
}
.hero-carousel .slide-outer.slide-outer-01 {
	z-index: 5;
}
.hero-carousel .slide-outer.slide-outer-02 {
	z-index: 6;
}
.hero-carousel .slide-outer.slide-outer-03 {
	z-index: 7;
}
.hero-carousel .slide-outer.active {
	height: 100%;
	
}
.hero-carousel .slide-outer:nth-child(1) {
    z-index: 5;
}
.hero-carousel .slide-outer:nth-child(2) {
    z-index: 6;
}
.hero-carousel .slide-outer:nth-child(3) {
    z-index: 7;
}
.hero-carousel .slide-outer:nth-child(4) {
    z-index: 8;
}
.hero-carousel .slide-outer:nth-child(5) {
    z-index: 9;
}
.hero-carousel .slide-outer:nth-child(6) {
    z-index: 10;
}
.hero-carousel.hero-carousel-m.not-ipad .slide-outer {
	
	overflow: hidden;
}
.hero-carousel .slide-outer-01 {
	z-index: 5;
}
.hero-carousel .slide-outer-02 {
	z-index: 10;
}
.hero-carousel .slide-outer-03 {
	z-index: 15;
}
.hero-carousel .slide-outer-04 {
	z-index: 20;
}
.hero-carousel .slide  .slide-to-move {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translate3d(0,0rem,102px) scale(0.89);
	transform: translate3d(0,0rem,102px) scale(0.89);
}
.hero-carousel .slide > .inner {
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform: translate3d(0,0rem,132px) scale(0.87);
	transform: translate3d(0,0rem,132px) scale(0.87);
}
/*.hero-carousel .slide > .inner.on-hover > .img-holder:first-child {
	-webkit-transform: translate3d(0,-3rem,101px) scale(1.02);
	transform: translate3d(0,-3rem,101px) scale(1.02);
}*/
.hero-carousel .slide > .inner.on-hover .img-holder .img-holder-in-r img:first-child {
	box-shadow: 0 0 65px #421663;
}
.hero-carousel .slide.slide-laptop > .inner.on-hover .img-holder .img-holder-in-r img:first-child {
	box-shadow: 0 0 65px #fff;
}
.hero-carousel .slide.slide-tablet > .inner.on-hover .img-holder .img-holder-in-r img:first-child {
	box-shadow: 0 0 65px #692980;
}
.safari-only.to-activate .hero-carousel .slide  .slide-to-move + .inner {
	position: relative;	
}
.hero-carousel .slide  .slide-to-move.z {
	z-index: 9;
}
.hero-carousel .slide  .slide-to-move.z  > .inner {
	height: 100%;
	position: relative;
}
.hero-carousel .slide.slide-mobile  .slide-to-move {
	padding-top: 16.7rem;	
}
.hero-carousel .slide-mobile {	
	padding-top: 20.7rem;	
	box-sizing: border-box;
}
.hero-carousel .slide-outer-mobile {
	background: #2f0d53 url("images/bg-texture-2.jpg") no-repeat scroll 50% 50% / cover;
}
.large-txt {
	position: absolute;
	top: 45%;
	left: -5rem;
	display: block;
	font-size: 40rem;
	line-height: 40rem;	
	font-weight: 900;
	white-space: nowrap;	
	text-shadow: 0 0 7.6rem rgba(10,10,10,0.04);
	color: #2b0d49;
	z-index: 1;
	letter-spacing: 3px;
	opacity: 0;
	-webkit-transform: translate(-15rem, 0);
	transform: translate(-15rem, 0);
	-webkit-transition: -webkit-transform .7s, opacity .7s;
	transition: transform .7s, opacity .7s;
}
.animate .large-txt {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.v-txt {
	position: absolute;	
	z-index: 4;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0 100%; 
	transform: rotate(-90deg);
	transform-origin: 0 100%;	
	height: 25vw;
	position: absolute;	
	left: 25vw;
	bottom: 32.5%;	
	text-align: left;	
	will-change: transform;
}
.slide-mobile .v-txt,
.slide-tablet .v-txt {
	color: #fff;
}
.slide .table {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;		
}
.slide.animate .table {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.v-txt h3 {
	font-size: 2.1rem;
	text-transform: uppercase;	
	letter-spacing: 4px;
	font-weight: normal;
	padding-bottom: 3.7rem;

	opacity: 0;
	-webkit-transition:  opacity 1s ease ;
	transition:  opacity 1s ease;
	will-change: transform;	
}
.v-txt h3 em {
	font-style: normal;
	-webkit-transform: translate3d(-10rem, 0, 0);
	transform: translate3d(-10rem, 0, 0);
	display: block;
	will-change: transform;
	-webkit-transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
}
.slide.animate .v-txt h3 {
	opacity: 1;

}
.slide.animate .v-txt h3 em {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.v-txt h2 {
	position: relative;
	font-size: 7rem;
	color: transparent;
	line-height: 8rem;
	font-family: 'CaslonGraphiqueEF';
	font-weight: normal;
	letter-spacing: -1.5px;	
}
.slide.animated .v-txt h2 {
	color: #fff;
}
.v-txt h2 .line {
	display: block;
	position: relative;
	z-index: 9;
}
.slide.animated .v-txt h2 .line {
  display: inline;
}
.slide.animated .v-txt h2 .part {
	display: none;
}
.v-txt h2 .part {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.v-txt h2 .part em {
	font-style: normal;
}
.v-txt h2 .part.top-part {
	bottom: 3.5rem;
	overflow: hidden;	
}
.v-txt h2 .part.top-part em {
	color: #fff;	
	display: block;
	opacity: 0;
}
.v-txt h2 .part.bottom-part {
	top: 4.5rem;
	overflow: hidden;	
}
.v-txt h2 .part.bottom-part em {
	color: #fff;	
	display: block;
	opacity: 0;	
}
.slide.animate .v-txt h2 .part.bottom-part em {
	-webkit-animation-name: verticalTextB;
  animation-name: verticalTextB; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes verticalTextB {
  0% {       
  	opacity: 0;
		-webkit-transform: translate3d(-10rem, -4.5rem, 0);
		transform: translate3d(-10rem, -4.5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0.001rem, -4.5rem, 0);
		transform: translate3d(0.001rem, -4.5rem, 0);		
		opacity: 1;		
  }
}
@-webkit-keyframes verticalTextB {
  0% {       
  	opacity: 0;
		-webkit-transform: translate3d(-10rem, -4.5rem, 0);
		transform: translate3d(-10rem, -4.5rem, 0);
  }  
  100%{
    -webkit-transform: translate3d(0.001rem, -4.5rem, 0);
		transform: translate3d(0.001rem, -4.5rem, 0);		
		opacity: 1;		
  }
}
@keyframes verticalText {
  0% {       
  	opacity: 0;
		-webkit-transform: translate3d(-10rem, 0, 0);
		transform: translate3d(-10rem, 0, 0);
  }  
  80% {
    -webkit-transform: translate3d(3rem, 0, 0);
		transform: translate3d(3rem, 0, 0);			
  }
  100%{
    -webkit-transform: translate3d(0.001rem, 0, 0);
		transform: translate3d(0.001rem, 0, 0);		
		opacity: 1;		
  }
}
@-webkit-keyframes verticalText {
  0% {       
  	opacity: 0;
		-webkit-transform: translate3d(-10rem, 0, 0);
		transform: translate3d(-10rem, 0, 0);
  } 
  80% { 
    -webkit-transform: translate3d(3rem, 0, 0);
		transform: translate3d(3rem, 0, 0);			
  }
  100%{
    -webkit-transform: translate3d(0.001rem, 0, 0);
		transform: translate3d(0.001rem, 0, 0);			
		opacity: 1;		
  }
}
.slide.animate .v-txt h2 .part.top-part em {
	-webkit-animation-name: verticalText;
  animation-name: verticalText; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
.img-holder.hero-mobile {
	margin: 0 auto;
	width: 482px;
	position: relative;
	z-index: 2;		
	height: 871px;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 1s, opacity .8s;
	transition: transform 1s, opacity .8s;
	position: relative;	
}
.animated .img-holder.hero-mobile {
	-webkit-transition: -webkit-transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s;
}
/*.img-holder.hero-mobile.v2 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -313px;
	z-index: 2;
}*/
.img-holder.hero-mobile.v2 {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -313px;
	z-index: 1;
}
.img-holder.hero-mobile.v2 .img-holder-in {
	background: none;	
}
.img-holder.hero-mobile .img-holder-in {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: url(images/mobile-frame-new.png) no-repeat 50% 0;
	padding: 119px 82px 171px 71px; 
	margin-left: 6px;	
}
.img-holder .img-holder-in {
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
}
.move-iphone .img-holder.hero-mobile .img-holder-in,
.move-iphone .img-link {
	-webkit-transform: translate(0,-59px);
	transform: translate(0,-59px);
}
.move-laptop .img-holder.hero-laptop .img-holder-in,
.move-laptop .img-link {
	-webkit-transform: translate(0,-40px);
	transform: translate(0,-40px);
}
.move-tablet .img-holder.hero-tablet .img-holder-in,
.move-tablet .img-link {
	-webkit-transform: translate(0,-80px);
	transform: translate(0,-80px);
}

.img-holder .img-holder-in-r {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.animated2 .img-holder .img-holder-in-r {
	overflow: visible;
}
.animated2 .img-holder .img-holder-in-r .paint {
	opacity: 0;
}
.img-holder .img-holder-in-r:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
	z-index: 2;
	-webkit-transition: opacity .5s;
	opacity: 0;
	transition: opacity .5s;
	background: rgba(255,255,255,0.2);
}
.img-holder .img-holder-in-r.on-hover:before {
	opacity: 1;
}
.img-holder .img-holder-in-r img:first-child {
  -webkit-transform: translate3d(0px,0px,0);
	transform: translate3d(0px,0px,0);
	-webkit-transition: box-shadow .5s;
	transition: box-shadow .5s;
	will-change: transform;
	pointer-events: none;
}



.img-holder.hero-mobile .img-holder-in .paint {
	position: absolute;
	display: block;
	bottom: 0%;
	left: 0;	
	height: 1158px;
	width: 1200px;
	display: block;	
	-webkit-transform: translate(0px,0px);
	transform: translate(0px,0px);
	-webkit-transition: -webkit-transform 1.5s ease-in .9s;
	transition: transform 1.5s ease-in .9s;
}
.slide.animate .img-holder.hero-mobile .img-holder-in .paint {
	-webkit-transform: translate(0px,1158px);
	transform: translate(0px,1158px);	
}
.slide.animate .img-holder.hero-mobile,
.slide.animate .img-holder.hero-laptop,
.slide.animate .img-holder.hero-tablet,
.slide.animate .img-holder.hero-paper {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.img-holder.hero-mobile > img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
/*.img-holder.hero-mobile .deco-mobile {
	position: absolute;
	top: 43%;
	right: 4%;	
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
}*/
.img-holder.hero-mobile .deco-mobile {
	position: absolute;
	top: 60%;
	right: -5%;	
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;	
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
}
.slide.animate .img-holder.hero-mobile .deco-mobile {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.img-holder.hero-mobile .deco-mobile-in {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transition: -webkit-transform 1s ease 1.4s, opacity .8s ease 1.4s;
	transition: transform 1s ease 1.4s, opacity .8s ease 1.4s;
	display: block;
	opacity: 0;
}
/*.slide.animate .img-holder.hero-mobile .deco-mobile-in {
	-webkit-transform: rotate(-20deg) translate(27rem, 12rem);
	transform: rotate(-20deg) translate(27rem, 12rem);
}*/
.slide.animate .img-holder.hero-mobile .deco-mobile-in {
	-webkit-transform: translate(6rem, 6rem);
	transform: translate(6rem, 6rem);
	opacity: 1;
}
.img-holder .square {	
	position: absolute;
	top: 15rem;
	left: 44.5rem;
	display: block;	
	z-index: -1;
	width: 40rem;
	height: 40rem;
	-webkit-transform: translate(-18rem, -24rem) scale(1);
	transform: translate(-18rem, -24rem) scale(1);
	-webkit-transition: -webkit-transform .9s ease 1s;
	transition: transform .9s ease 1s;
}
.digital .square,
.digital .square2,
.insights .square {	
	position: relative;
	top: 0rem;
	left: 0rem;
	display: block;	
	z-index: -1;
	width: 39.5rem;
	height: 45.3rem;	
}
.insights .square {
	z-index: 0;
	left: 50%;
	width: 34rem;
	height: 34rem;
	top: -11rem;
	margin-left: -17rem;
	position: absolute;
}

@-webkit-keyframes pulse2 {
  0% { -webkit-transform: translate(0,0); opacity: 0.7;}
  50% { -webkit-transform: translate(0,1rem); opacity: 1;}
  100% { -webkit-transform: translate(0,0); opacity: 0.7;}
}
@keyframes pulse2 {
  0% { transform: translate(0,0); opacity: 0.7;}
  50% { transform: translate(0,10px); opacity: 1;}
  99% { transform: translate(0,0); opacity: 0.7;} 
}
.digital .arrows {
	-webkit-animation: pulse2  1s  infinite;	
  animation: pulse2  1s  infinite;	
  display: block;
  position: absolute;
  bottom: -180px;
  left: 50%;  
  cursor: pointer;
  width: 14px;
  height: 50px;  
  margin-left: -7px; 
  opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
} 
.digital.animate .arrows {
	opacity: 1;
}
.digital .square2  {
	position: absolute;
}
.slide-mobile .img-holder .square {
	top: 21rem;
	background: url(images/webby-nominee-black.png) no-repeat 80% 90%;
}
.slide.animate .img-holder .square {
	-webkit-transform: translate(-18rem, -24rem) scale(1);
	transform: translate(-18rem, -24rem) scale(1);
}
.img-holder .square .line,
.digital .square .line,
.insights .square .line {
	position: absolute;
	background: #00e06d;
}
.img-holder .square .line.line-01,
.digital .square .line.line-01,
.insights .square .line.line-01 {
	left: 0px;
	top: 0px;
	height: 2rem;
	width: 0;
	-webkit-transition: width .2s linear;
	transition: width .2s linear;	
}
.img-holder .square .line.line-02,
.digital .square .line.line-02,
.insights .square .line.line-02 {
	right: 0px;
	top: 0px;
	height: 0px;
	width: 2rem;
	-webkit-transition: height .2s linear;
	transition: height .2s linear;	
}
.img-holder .square .line.line-03,
.digital .square .line.line-03,
.insights .square .line.line-03 {
	right: 0px;
	bottom: 0px;
	height: 2rem;
	width: 0;
	-webkit-transition: width .2s linear;
	transition: width .2s linear;	
}
.img-holder .square .line.line-04,
.digital .square .line.line-04,
.insights .square .line.line-04 {
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 2rem;
	-webkit-transition: height .2s linear;
	transition: height .2s linear;	
}
.slide.animate .img-holder .square .line.line-01,
.digital.animate .square .line.line-01 {		
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	width: 100%;
}
.slide.animate .img-holder .square .line.line-02,
.digital.animate .square .line.line-02 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;		
	height: 100%;
}
.slide.animate .img-holder .square .line.line-03,
.digital.animate .square .line.line-03 {	
	-webkit-transition-delay: .6s;
	transition-delay: .6;		
	width: 100%;
}
.slide.animate .img-holder .square .line.line-04,
.digital.animate .square .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}




.insights .square.animate .line.line-01 {		
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
	width: 100%;
}
.insights .square.animate .line.line-02 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;		
	height: 100%;
}
.insights .square.animate .line.line-03 {	
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;		
	width: 100%;
}
.insights .square.animate .line.line-04 {	
	height: 100%;	
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}




.hero-entry {
	position: absolute;
	top: auto!important;
	bottom: 0!important;
	right: 0;
	left: 50%;
	padding: 7.8rem 15.2rem 7.8rem 9.8rem;
	background: #fff;	
	opacity: 0;
	color: #210b39;
	font-size: 2.2rem;
	line-height: 3.2rem; 
	z-index: 10;	
	will-change: transform;
		-webkit-transform: translate(0,100%);
	transform: translate(0,100%);
	-webkit-transition: -webkit-transform .8s, opacity .8s;
	transition: transform .8s, opacity .8s;
}
.hero-entry .hero-entry-in {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

}
.hero-entry.absolute {
	position: absolute;
}
.hero-carousel.hero-carousel-m .hero-entry {
	position: absolute!important;
}
.hero-carousel.hero-carousel-m.not-ipad .hero-entry.hero-entry-01 {
	top: 100vh!important;	
	position: absolute!important;
}
.hero-carousel.hero-carousel-m.not-ipad .hero-entry.hero-entry-02 {
	top: 200vh!important;	
	position: absolute!important;
}
.hero-carousel.hero-carousel-m.not-ipad .hero-entry.hero-entry-03 {
	top: 300vh!important;	
	position: absolute!important;
}
.hero-carousel.hero-carousel-m.not-ipad .hero-entry.hero-entry-04 {
	top: 400vh!important;	
	position: absolute!important;
}
.hero-entry.hero-entry-01 {
	z-index: 6;
}
.hero-entry.hero-entry-02 {
	z-index: 11;
}
.hero-entry.hero-entry-03 {
	z-index: 16;
}
.hero-entry.hero-entry-04 {
	z-index: 21;
}
.animate.hero-entry {
	-webkit-transform: translate(0,0%);
	transform: translate(0,0%);
	opacity: 1
}
.hero-entry p {
	padding-bottom: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.hero-entry .explore-btn {	
	color: #210b39;
	font-size: inherit;
	line-height: inherit;
	padding: 0 4rem 0 0;
	display: inline-block; 
	text-decoration: none;
	position: relative;
	color: #00e06d;
	width: 31px;
	padding-right: 0px;
	text-indent: -9999px;
	display: block; 
}
.hero-entry .explore-btn:after {
  background: url("images/sprite.png") no-repeat 0 -20px;
  content: "";
  height: 21px;
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 31px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.hero-entry .explore-btn:hover:before {
	border: 3px solid #01e471;
}
.hero-entry .explore-btn:hover:after {
	-webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
.green-dot {
	position: absolute;
	background: #01e471;
	border-radius: 50%;
	z-index: 5;
	display: block;
}
.slide.slide-mobile .green-dot {
	width: 11.5rem;
	height: 11.5rem;
	bottom: 13%;
	left: 3%;
}

/* laptop slide */

.slide.slide-laptop {	
	padding-top: 16.7rem;
	box-sizing: border-box;
}
.slide-outer-laptop,
.hero-carousel .slide-outer-mobile {
	background: #fefefe url("images/bg-texture-laptop.jpg") no-repeat scroll 0% 100% / cover;
}
.hero-entry.type-l {
	background: rgb(49,12,75);
	background: -moz-linear-gradient(top,  rgba(49,12,75,1) 0%, rgba(75,26,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(49,12,75,1) 0%,rgba(75,26,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(49,12,75,1) 0%,rgba(75,26,100,1) 100%);	
	color: #fff;
	padding-right: 8%;
}
.type-l.hero-entry .explore-btn {
	color: #00e06d;
}
.type-l.hero-entry .explore-btn::before {
	border-color: #44175d;
}
.type-l.hero-entry .explore-btn:hover:before {
	border-color: #01e471;
}
.slide.slide-laptop .v-txt h2 .part.top-part em,
.slide.slide-laptop .v-txt h2 .part.bottom-part em,
.slide.slide-laptop .v-txt h3 {
	color: #2f0d53;	
}
.slide.slide-laptop.animated .v-txt h2 {
	color: #2f0d53;
}
.slide.slide-laptop .large-txt {
	color: #fff;
}
.img-holder.hero-laptop {
	margin: 0 auto;
	width: 1681px;
	position: relative;
	z-index: 2;		
	height: 901px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s;
	position: relative;	
	left: 155px;
	top: -2px;
}
.animated .img-holder.hero-laptop {
	-webkit-transition: -webkit-transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s;
}
.slide.slide-laptop .img-holder-in {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;	
}
.img-holder.hero-laptop .img-holder-in {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: url(images/laptop-frame-new.png) no-repeat 50% 0;
	padding: 97px 298px 124px 297px; 
}
.slide.slide-laptop  img {
	max-width: 100%;	
	height: auto;
}
.slide.slide-laptop .v-txt {
	bottom: 34%;
}
.slide.slide-laptop .green-dot {
	width: 12.4rem;
	height: 12.4rem;
	bottom: 15%;
	left: 13.5%;
}
.slide.slide-laptop .img-holder .square {
	left: 72rem;
	top: 20rem;
}

.img-holder.hero-laptop .img-holder-in .paint {
	position: absolute;
	display: block;
	bottom: 0%;
	left: 0;	
	max-width: 2000px;
	height: 1199px;
	width: 1660px;
	display: block;	
	-webkit-transform: translate(0px,0px);
	transform: translate(0px,0px);
	-webkit-transition: -webkit-transform 1.5s ease-in .9s;
	transition: transform 1.5s ease-in .9s;
}
.slide.animate .img-holder.hero-laptop .img-holder-in .paint {
	-webkit-transform: translate(0px,1199px);
	transform: translate(0px,1199px);	
}

/* tablet slide */

.hero-carousel .slide-tablet {	
	padding-top: 34.5rem;	
	box-sizing: border-box;
}
.hero-carousel .slide-outer-tablet {
	background: #2f0d53 url("images/bg-texture-2.jpg") no-repeat scroll 50% 50% / cover;
}
.hero-carousel .slide-tablet:before {
	position: absolute;
	left: 0;
	right: -1000px;
	top: 0;
	background: -moz-linear-gradient(top,  rgba(75,26,100,1) 0%, rgba(75,26,100,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(75,26,100,1) 0%,rgba(75,26,100,0) 100%);
	background: linear-gradient(to bottom,  rgba(75,26,100,1) 0%,rgba(75,26,100,0) 100%);	
	content: '';
	display: block;
	height: 15rem;
}
.img-holder.hero-tablet {
	left: 301px;
	top: -65px;
	width: 1141px;
	position: relative;
	z-index: 2;		
	height: 857px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 1s, opacity 1.5s;
	transition: transform 1s, opacity 1.5s;
	position: relative;		
}
.animated .img-holder.hero-tablet {
	-webkit-transition: -webkit-transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s;
}
.slide.slide-tablet .img-holder-in {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;	
}
.img-holder.hero-tablet .img-holder-in {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: url(images/tablet-frame-hero-new.png) no-repeat 50% 0;
	padding: 64px 142px 157px 151px; 
}
.slide.slide-tablet .green-dot {
	width: 12.1rem;
	height: 12.1rem;
	bottom: 11.5%;
	left: 27.5%;
}
.slide.slide-tablet .img-holder .square {
	left: 54.5rem;
	top: 28.5rem;
}
.slide.slide-tablet .hero-entry {
	padding-right: 7.2%;
}
.slide.slide-tablet .deco-mobile {
	left: 56.4rem;
	top: 8rem;	
	position: absolute;
	max-width: 34.5rem;
	max-height: 28.9rem;
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.slide.slide-tablet.animated .deco-mobile {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.slide.slide-tablet .deco-mobile-in,
.slide.slide-tablet.move-tablet .deco-mobile-in {
	-webkit-transform: translate(0,0px);
	transform: translate(0,0px);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
}
.slide.slide-tablet .deco-mobile img {
  max-width: 100%;
  height: auto;
}
.slide.slide-tablet  .v-txt h2 {
	width: 85%;
}

.img-holder.hero-tablet .img-holder-in .paint {
	position: absolute;
	display: block;
	bottom: 0%;
	left: 0;	
	max-width: 2000px;
	height: 1199px;
	width: 1660px;
	display: block;	
	-webkit-transform: translate(-130px,0px);
	transform: translate(-130px,0px);
	-webkit-transition: -webkit-transform 1.5s ease-in .9s;
	transition: transform 1.5s ease-in .9s;
}
.is-home-mobile .img-holder.hero-tablet .img-holder-in .paint {
	-webkit-transition: -webkit-transform 1.5s ease-in ;
	transition: transform 1.5s ease-in ;	
}
.slide.animate .img-holder.hero-tablet .img-holder-in .paint {
	-webkit-transform: translate(-130px,1199px);
	transform: translate(-130px,1199px);	
}

/* paper slide */

.slide.slide-paper {	
	padding-top: 15.8rem;
	box-sizing: border-box;
}
.slide-outer-paper {
	background: #fefefe url("images/bg-texture-laptop.jpg") no-repeat scroll 0% 100% / cover;
}
.type-p.hero-entry {
	background: rgb(49,12,75);
	background: -moz-linear-gradient(top,  rgba(49,12,75,1) 0%, rgba(75,26,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(49,12,75,1) 0%,rgba(75,26,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(49,12,75,1) 0%,rgba(75,26,100,1) 100%);	
	color: #fff;
	padding-right: 8%;
}
.type-p.hero-entry .explore-btn {
	color: #00e06d;
}
.type-p.hero-entry .explore-btn::before {
	border-color: #44175d;
}
.type-p.hero-entry .explore-btn:hover:before {
	border-color: #01e471;
}
.slide.slide-paper .v-txt h2 .part.top-part em,
.slide.slide-paper .v-txt h2 .part.bottom-part em,
.slide.slide-paper .v-txt h3 {
	color: #2f0d53;	
}
.slide.slide-paper.animated .v-txt h2 {
	color: #2f0d53;
}
.slide.slide-paper .large-txt {
	color: #fff;
}
.img-holder.hero-paper {
	margin: 0 auto;
	width: 1360px;
	position: relative;
	z-index: 2;		
	height: 1241px;
	left: 10.6rem;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 1s, opacity 1.5s;
	transition: transform 1s, opacity 1.5s;
	position: relative;		
}
.slide.slide-paper .img-holder .square {
	left: 74rem;
	top: 33rem;
}
.slide.slide-paper .v-txt {
	bottom: 34%;
}
.slide.slide-paper .large-txt {
	left: 5rem;
}
.slide.slide-paper .green-dot {
	width: 12.4rem;
	height: 12.4rem;
	bottom: 15.5%;
	left: 13.5%;
}
.hero-carousel .img-link {
	position: absolute;
	z-index: 900;
	display: block;		
}
/*slide-entry block*/
.slide-entry {
	position: absolute;
	left: -11px;
	bottom: 161px;
	width: 403px;	
	color: #fff;
}
.is-home-mobile .slide-entry {
	left: -3rem;
}
.slide-entry-in {	
	padding: 60px 50px 108px 51px;	
	position: relative;	
}
.slide-entry-in span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
	display: block;
	background: #2d0f4c;	
	-webkit-transform: translate(0,15rem);
	transform: translate(0,15rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-in .5s, opacity .5s ease-in .5s;
	transition: transform .5s ease-in .5s, opacity .5s ease-in .5s;
}
.slide-entry-in p {
	font-size: 19px;
	line-height: 30px;
	padding-bottom: 49px;	
	-webkit-transform: translate(0,-6rem);
	transform: translate(0,-6rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-out 1s, opacity .5s ease-out 1s;
	transition: transform .5s ease-out 1s, opacity .5s ease-out 1s;
}
.slide-entry-in .explore-btn {
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width:100px;
	box-sizing: border-box;
	padding-left: 44px;
	position: relative;
	text-decoration: none;
	font-size: 13px;
	line-height: normal;
	letter-spacing: 4px;
	-webkit-transform: translate(0,-6rem);
	transform: translate(0,-6rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-out 1s, opacity .5s ease-out 1s;
	transition: transform .5s ease-out 1s, opacity .5s ease-out 1s;
}
.slide-entry-in .explore-btn:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	display: block;
	background: url(images/sprite.png) no-repeat -116px -218px;
	width: 31px;
	height: 12px;
	margin-top: -6px;
	-webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
}
.slide-mobile .slide-entry-in .explore-btn {
	color: #472967;
}
.slide-mobile .slide-entry-in .explore-btn:before {
	background: url(images/sprite.png) no-repeat -157px -218px;
}
.slide-entry-in .explore-btn:hover:before {
	-webkit-transform: translate(1rem,0);
	transform: translate(1rem,0);
}
.slide-entry h2 {
	font-size: 60px;
	line-height: 71px;
	font-family: 'CaslonGraphiqueEF';
	color: #300753;
	padding: 0 0 22px 46px;
	font-weight: normal;
	letter-spacing: 1.5px; 
	position: relative;
	z-index: 3;
	-webkit-transform: translate(0, 15rem);
	transform: translate(0, 15rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-out .55s, opacity .5s ease-out .55s;
	transition: transform .5s ease-out .55s, opacity .5s ease-out .55s;
}
.slide-tablet .slide-entry h2 {
	color: #fff;
}
.slide-entry h3 {
	font-size: 16px;
	line-height: 20px;		
	padding: 0 0 30px 51px;	
	letter-spacing: 4.5px; 
	color: #00e06d;
	font-weight: normal;
	word-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	z-index: 3;
	-webkit-transform: translate(0, 15rem);
	transform: translate(0, 15rem);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease .5s, opacity .5s ease .5s;
	transition: transform .5s ease .5s, opacity .5s ease .5s;
}
.animate .slide-entry h3,
.animate .slide-entry h2,
.animate .slide-entry .digit,
.animate .slide-entry-in span,
.animate .slide-entry .slide-entry-in p,
.animate .slide-entry-in .explore-btn,
.hero-carousel .animate.next-slide {
	-webkit-transform: translate(0, 0rem);
	transform: translate(0, 0rem);
	opacity: 1;
}
.digit {
	font-size: 350px;
	line-height: normal;
	color: #3b155b;
	position: absolute;
	left: -116px;
	bottom: 118px;	
	font-weight: 700;
	-webkit-transform: translate(-15rem,0);
	transform: translate(-15rem,0);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-in .5s, opacity .5s ease-in .5s;
	transition: transform .5s ease-in .5s, opacity .5s ease-in .5s;
}
.hero-carousel .next-slide,
.return-to-top {
	position: absolute;
	bottom: -31px;
	left: 50%;
	margin-left: -45px;
	border-radius: 50%;
	background: #00e06d;
	width: 90px;
	height: 90px;
	display: block;
	z-index: 99;
	-webkit-transform: translate(0,100%);
	transform: translate(0,100%);
	opacity: 0;
	-webkit-transition: -webkit-transform .5s ease-in 1.5s, opacity .5s ease-in 1.5s;
	transition: transform .5s ease-in 1.5s, opacity .5s ease-in 1.5s;
}
.return-to-top {
	opacity: 1;
	bottom: auto;
	top: -73px;
	width: 99px;
	height: 99px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.return-to-top.hide {
	opacity: 0;
}
.next-slide:before,
.return-to-top:before {
	position: absolute;
	top: 17px;
	left: 50%;
	content: '';
	display: block;
	background: url(images/sprite.png) no-repeat -185px -80px;
	width: 12px;
	height: 30px;
	margin-left: -6px;
	-webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
}
.return-to-top:before {
	top: 46px;
	background-position: -220px -80px;
}
.next-slide:hover:before,
.return-to-top:hover:before  {
	-webkit-transform: translate(0,.5rem);
	transform: translate(0,.5rem);
}
.return-to-top:hover:before {
  -webkit-transform: translate(0,-.5rem);
	transform: translate(0,-.5rem);	
}
/*grey styles*/
.slide-outer-01 .digit,
.slide-outer-03 .digit {
	color: #ececec;
}
.slide-outer-03 .slide-entry-in,
.slide-outer-04 .slide-entry-in {	
	padding-right: 120px;
}
.slide-outer-01 .slide-entry-in span,
.slide-outer-03 .slide-entry-in span {
	background: #fcfcfc;
}
.slide-outer-03 .slide-entry,
.slide-outer-04 .slide-entry {
	color: #2f0d53;	
	bottom: 150px;
}
.slide-outer-01 .slide-entry {
	color: rgba(85,85,85,0.83);
}
.slide-outer-03 .slide-entry h2,
.slide-outer-04 .slide-entry h2 {
	text-shadow: none;	
	padding-bottom: 17px;
}
.slide-outer-03 .slide-entry h3,
.slide-outer-04 .slide-entry h3 {		
	padding-bottom: 35px;
}
.slide-outer-01 .slide-entry-in .explore-btn,
.slide-outer-03 .slide-entry-in .explore-btn {	
	color: #2f0d53;
}
.slide-outer-01 .slide-entry-in .explore-btn:before,
.slide-outer-03 .slide-entry-in .explore-btn:before {	
	background: url(images/sprite.png) no-repeat -157px -218px;	
}
/*tablet slide*/
.slide-tablet .slide-entry-in {
	padding-right: 100px;
}
.slide-tablet .slide-entry h2 {
	padding-bottom: 9px;
}
.slide-tablet .slide-entry h3 {
	padding-bottom: 33px;
}




/* hero carousel menu */
.hero-nav {
	position: absolute;
	display: none;
	visibility: hidden;
	top: 0;
	opacity: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);	
	left: auto!important;
	z-index: 40;
}
.touch.hero-nav {
	top: 50%;
	position: fixed;
}
.hero-nav.to-show {
	opacity: 1;
	/*overflow: hidden;*/
}
.hero-nav ul {
	padding-top: 23px;
	position: relative;
}
.hero-nav li {
	padding: .7rem 0;
}
.hero-nav a {
	position: relative;
	padding-right: 2.1rem;
	line-height: 6.6rem;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #623a8d;
	-webkit-transition: color .5s;
	transition: color .5s;
	font-size: 1.8rem;
	font-weight: bold;
}
.hero-nav a:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;	
	background: #623a8d;
	bottom: 0rem;
	top: 0;
	left: 100%;
	-webkit-transition: background .5s;
	transition: background .5s;
}
.hero-nav a:before {
  -webkit-transition: background .5s, height .5s, width .5s;
	transition: background .5s, height .5s, width .5s;
}


.hero-nav a span {
	height: 2.2rem;
	right: 5.1rem;
	top: 0;
}
.hero-nav a span {
	right: 7.1rem;
}
.hero-nav a em {
	position: absolute;
	top: -50px;
	bottom: 50px;	
	left: 0;
	right: 0;
	display: block;
}
.hero-nav .current a:before,
.no-touch .hero-nav a:hover:before {
	width: 3px;	
}
.hero-nav .current a,
.no-touch .hero-nav a:hover  {
	color: #fff;
}
.hero-nav .current a:before,
.hero-nav .current a span,
.no-touch .hero-nav a:hover:before,
.no-touch .hero-nav a:hover span {
	background: #01e471;
}

.hero-nav.grey a {
	color: #c8c8c8;
}
.hero-nav.grey a:before,
.hero-nav.grey a span {
	background: #c8c8c8;
}
.hero-nav.grey .current a:before,
.hero-nav.grey .current a span {
	background: #01e471;
}
/*.hero-nav.grey .current a,*/
.no-touch .hero-nav.grey a:hover  {
	color: #190332;
}
.is-home-mobile .hero-carousel .slide  .slide-to-move + .inner {
	position: relative;
}

/* 404 page*/
.error404 #page,
.page-template-page-templatesthanks-page-php #page {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2f0d53 url(images/bg-texture-2.jpg) no-repeat 50% 50% / cover;
}
.page-template-page-templatesthanks-page-php {
	background: #2f0d53 url(images/bg-texture-2.jpg) no-repeat 50% 50% / cover;
}
.page-template-page-templatesthanks-page-php #page {
	position: static;
	background: none;
}
.error404 #footer,
.page-template-page-templatesthanks-page-php #footer {
	display: none;
}
.error404 #primary,
.page-template-page-templatesthanks-page-php #primary {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.page-template-page-templatesthanks-page-php #primary {
	position: static;
	-webkit-transform: translate(0,0%);
	transform: translate(0,0%);
	padding-top: 10vh;

}
.error404 .page-content,
.page-template-page-templatesthanks-page-php .page-content {
	font-size: 5.4rem;
	line-height: 7rem;
	font-weight: bold;
	color: #fff;
	max-width: 870px;
	margin: 0 auto;
}
.page-template-page-templatesthanks-page-php .page-content {
	max-width: 1170px;
}
.error404 #primary .inner,
.page-template-page-templatesthanks-page-php #primary .inner {
	background: url(images/bg-404.png) no-repeat 50% 100% ;
	padding-bottom: 10.6rem;
}
.page-template-page-templatesthanks-page-php #primary .inner {
	background: url(images/bg-404.png) no-repeat 50% 10% ;
	padding-bottom: 10vh;
}
.error404 #primary .page-title {
	background: url(images/404-txt.png) no-repeat 50% 0% / contain ;
	margin: 0 auto 8rem;
	width: 69.6rem;
	height: 29.5rem;
	max-width: 100%;
	text-indent: -9999px;
}
.page-template-page-templatesthanks-page-php #primary .page-title  {
	margin: 0 auto;
	color: #fff;
	font-family: 'CaslonGraphiqueEF';
	font-size: 13rem;
	line-height: 21rem;
	letter-spacing: 4px;
	font-weight: normal;
}
.thanks-posts .entry-content .post-more {
	color: #fff;
}
.thanks-posts .entry-content {
	margin-bottom: 3rem;
}
.thanks-posts i {	
	color: #00e06d;
	font-family: "Avenir Book";
	font-size: 2.4rem;
	font-weight: normal;
	left: 0;
	display: block;
	letter-spacing: 0.6rem;
	line-height: normal;
	padding-top: 2rem;
	padding-bottom: 2.6rem;	
	position: static;
	right: 0;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
}
.thanks-posts .entry-content a.strong {
	display: block;
	  color: #fff;
    display: block;
    font-family: "CaslonGraphiqueEF";
    font-size: 4.2rem;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: normal;
    transition: color 0.5s;
    word-spacing: -5px;
    text-decoration: none;
}
.thanks-posts .entry-content a.strong:hover {
	color: #00e06d;
}
.thanks-posts .entry-content span {
    color: #b0adb9;
    display: block;
    font-size: 1.9rem;
    line-height: normal;
    padding-bottom: 2.6rem;
    padding-top: 1.6rem;
    font-weight: normal;
    transition: color 0.3s ease 0s;
}
.thanks-posts {
	padding-top: 5rem;
}
.thanks-posts .entry-content .post-more-t {
    background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 0 -20px;
    display: inline-block;
    height: 12px;
    margin: 0 auto;
    width: 31px;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}
.thanks-posts .entry-content .post-more-t:hover {
	-webkit-transform: translate(1rem,0);
	transform: translate(1rem,0);
}
#snippet-box {
	display: none;
	visibility: hidden;
	width: 1px;
	height: 1px;
	position: absolute;
}
@media screen and ( max-height: 900px ) { 
	.sign-circle {		
		width: 67.2rem;
		height: 67.2rem;	
		margin: -33.6rem 0 0 -33.6rem;
	}
	.chimpy-reset .sky-form header {
		font-size: 5.5rem;
		line-height: 6rem;
	}
	.chimpy-reset .sky-form .description {
		font-size: 2.4rem;
		padding-bottom: 2rem;
	}
}
@media screen and ( max-height: 840px ) { 
	.digital-entry h1 {
		font-size: 7rem;
		line-height: 7.1rem;
	}
	.digital .square, .digital .square2 {
		width: 37.5rem;
		height: 40.3rem;
	}
	.digital-entry p {
		font-size: 1.8rem;
		line-height: 2.7rem;
	}
	.digital .line-white {
		top: 33rem;
	}
	.digital.animate .line-white {
		height: 160px;
	}
	.digital .arrows {
		bottom: -140px;
	}
	.digital-entry {
		top: 45%;
	}
}
@media screen and ( max-height: 780px ) { 
	.error404 #primary .page-title {
		height: 20rem;
		margin-bottom: 5rem;
	}
	.error404 .page-content {
		font-size: 4.4rem;
		line-height: 6rem;
	}
}
@media screen and ( max-height: 700px ) { 
	.sign-circle {		
		width: 57.2rem;
		height: 57.2rem;	
		margin: -28.6rem 0 0 -28.6rem;
	}
	.sign-circle-in {
		padding: 0 7%;
	}
	.chimpy-reset .sky-form header {
		font-size: 4.5rem;
		line-height: 5rem;
	}
	.chimpy-reset .sky-form .description {
		font-size: 2.2rem;
		line-height: 2.8rem;
		padding-bottom: 2rem;
	}
	.chimpy-reset .chimpy_shortcode_submit, .chimpy-reset .chimpy_shortcode_submit:hover,
	.chimpy-reset .chimpy_widget_submit, .chimpy-reset .chimpy_widget_submit:hover {
		margin-bottom: 1.5rem!important;
	}
}
@media screen and ( max-height: 640px ) { 
	.digital-entry h1 {
		font-size: 5rem;
		line-height: 5.1rem;
	}
	.digital .square, .digital .square2 {
		width: 34.5rem;
		height: 36.3rem;
	}
	.digital-entry p {
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
	.digital .line-white {
		top: 32rem;
	}
	.digital.animate .line-white {
		height: 100px;
	}
	.digital .arrows {
		bottom: -110px;
	}
	.digital-entry {
		top: 45%;
	}
}
@media screen and ( max-height: 600px ) { 
	.error404 #primary .page-title {
		height: 15rem;
		margin-bottom: 3rem;
	}
	.error404 .page-content {
		font-size: 4rem;
		line-height: 5rem;				
	}
	.error404 #primary .inner {
		padding-bottom: 6.6rem; 
	}
}
@media screen and ( max-height: 500px ) { 
	.digital-entry h1 {
		font-size: 4rem;
		line-height: 4.1rem;
	}
	.digital .square, .digital .square2 {
		width: 30.5rem;
		height: 28.3rem;
	}
	.digital-entry p {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.digital .line-white {
		top: 26rem;
	}
	.digital.animate .line-white {
		height: 80px;
	}
	.digital .arrows {
		bottom: -105px;
	}
	.digital-entry {
		top: 45%;
	}
}
@media screen and ( max-height: 480px ) { 
	.error404 .page-content {
		font-size: 3rem;
		line-height: 4rem;				
	}
	.error404 #primary .page-title {
		height: 12rem;
		margin-bottom: 2rem;
	}
	.error404 #primary .inner {
		background: url(images/bg-404.png) no-repeat 50% 100% / contain ;		
	}
}
@media screen and ( max-height: 321px ) { 
	.chimpy-reset .sky-form .description {
		margin-bottom: 0;
	}
	.chimpy-reset .sky-form header {
		padding-bottom: 7px!important;
	}
}

/* Responsive Styles */

@media screen and ( max-width: 1599px ) { 
	html {	  
	  font-size: 60%;  
	}	
	.power-statement svg {
		left: 37px;
	}
	.digital-entry {
		left: 7.1%;
	}
}
@media screen and ( max-width: 1400px ) { 
	html {	  
	  font-size: 58%;  
	}	
	.power-statement svg {
		left: 42px;
	}
}
@media screen and ( max-width: 1280px ) { 
	html {	  
	  font-size: 56%;  
	}	
}
@media screen and ( max-width: 1152px ) { 
	html {	  
	  font-size: 54%;  
	}	
}
@media screen and ( max-width: 1024px ) { 
	html {	  
	  font-size: 52%;   
	}	
	.slide.animate .img-holder .square {
		-webkit-transform: translate(-6rem, -24rem) scale(1);
		transform: translate(-6rem, -24rem) scale(1);
	}
}
@media screen and ( max-width: 767px ) { 
	html {	  
	  font-size: 48%;   
	}	
	.inner {
		padding: 0 4%;
	}
}
@media screen and ( max-width: 1500px ) { 
	.one-slide .slick-track {
		-webkit-transform: translate3d(0,0,0)!important;
		transform: translate3d(0,0,0)!important; 
	}
	.purple-top .services-menu .current {
		margin-left: -16rem;
	}
	.post-gallery-wrap .highlights {		
		left: 0%;
		right: 0;
		width: auto;		
		max-width: 11200px;
		-webkit-transform: translate(0%, 0);
		transform: translate(0%, 0);
	}
	.post-gallery-wrap .highlights span{		
		right: 99px;		
	}
}
@media screen and ( max-width: 1400px ) {
	.page-template-flexible-page .feature-txt .col-r-in {
		padding-top: 6.5rem;
	}
	.power-statement p {
		font-size: 5.5rem;
		line-height: 7.5rem;
	}
	.power-statement .our-ideals {
		max-width: 640px;
	}
	.services-list .col ul li {
		padding-right: 10%;
	}
	.feature-txt .col-r {
		font-size: 4.5rem;
		line-height: 5.8rem;
		margin-top: -15rem;
		padding-top: 5.1rem;
	}
	.body-txt .col-l,
	.power-services h3 {
		font-size: 4.5rem;
		line-height: 5.8rem;
	}
	.feature-txt .col-r .deco-top {
		height: 1.5rem;
	}
	.feature-txt .col-l {
		padding-top: 10rem;
		width: 45%;
	}
	.purple-top .services-menu .current {
		margin-left: -10rem;
	}
	.purple-top .services-menu a {
		margin-left: -2rem;
	}
	.purple-top .services-menu a .arrow {
		margin-right: 2.9rem;
	}
	.single-pagination a[rel="next"]::after {
		font-size: 15rem!important;
		top: 58%;
	}
	.single-pagination a[rel="prev"]::after {
		font-size: 15rem!important;
		top: 57%;
	}
	.single-pagination a[rel="prev"], .single-pagination a[rel="next"] {
		height: 10.4rem;
		width: 38rem;
	}
	.single-pagination a[rel="prev"], 
	.single-pagination a[rel="next"] {
		width: 44rem;
	}
	.single-pagination a[rel="next"] {
		right: -35.1rem;
	}
}
@media screen and ( max-width: 1280px ) { 
	.power-statement p {
		font-size: 5rem;
		line-height: 7rem;
	}
	.page-template-flexible-page .feature-txt .col-r-in {
		padding-top: 5.5rem;
	}
	.home .power-statement .our-ideals .main-txt {
		padding-top: 7rem;
	}
	.power-statement svg {
		width: 350px;
		left: 6rem;
	}
	.power-statement .inner {
		padding-left: 32rem;
		padding-bottom: 20rem;
	}
	.services-nav .prev-service, 
	.services-nav .next-service {
		width: 40%;
	}
	.infographic {
		padding-top: 34rem;
		margin-top: -50rem; 
	}
	.page-template-careers-page .say-hello {
		padding: 14rem 0;
	}
	.row-position .col-l span {
		margin-left: 2rem;
	}
	.feature-txt .col-r {
		font-size: 4rem;
		padding-right: 4.5%;
		width: 38%;
		margin-top: -12rem;
	}
	.body-txt .col-l,
	.power-services h3 {
		font-size: 4rem;
	}
	.feature-txt .col-l {
		width: 46%;
	}	
	.agency-bottom .statement .entry {
		font-size: 2.3rem;
		line-height: 3.5rem;
	}
	.agency-bottom .statement .entry::before {
		font-size: 13rem;
		top: 6rem;
	}
	.verticals .graph .column strong {
		font-size: 3rem;
	}
	.verticals .entry {
		padding-right: 9%;
	}
	.purple-top .services-menu a,
	.purple-top .services-menu .current {
		margin-left: 0px;
	}
	.purple-top .services-menu a {
		padding-left: 12%;
	}
	.purple-top .services-menu .current strong {
		padding-left: 6%;
	}
	.purple-top .services-menu .current span {
		left: 0;
		font-size: 20rem;
	}
	.purple-top .services-menu .current .digit-wrap {
		left: -2rem;
	}
	.purple-top .services-menu .current strong {
		font-size: 5rem;
		line-height: 6rem; 
		letter-spacing: 0px;
		max-width: 36rem;
	}
	.purple-top .services-menu a .line {
		height: 10rem;
	}
	.purple-top .services-menu a .digit,
	.purple-top .services-menu a .wrap .label,
	.purple-top .services-menu a .arrow {
		top: 5rem;
	}
}
@media screen and ( max-width: 1150px ) { 
	.layer-b {
		left: 48vw;
	}
	.layer-c {
		left: 60vw;
	}
	.table-layout table td,
  .table-layout table tbody tr td:first-child {
  	padding: 0.9rem; 
  }
  .table-layout table tbody tr td:first-child {
  	padding-right: 2.9rem; 
  }
  .table-layout table tbody tr td div strong {
  	font-size: 5rem;
  	line-height: 5.2rem;
  }
	.page-template-flexible-page .feature-txt .col-r-in {
		padding-top: 5.5rem;
	}
	.power-statement p {
		font-size: 5rem;
		line-height: 6rem;		
	}	
	.home .power-statement .our-ideals {
		padding-bottom: 13px;
	}
	.power-statement .our-ideals {
		max-width: 508px;
	}
	.power-statement {
		padding-bottom: 0px;
	}
	.power-statement svg {		
		left: 9rem;
	}
	.power-services .quotes {
		top: -103px;
		left: 19px;
	}
	.pullquote .quotes {
		top: -103px;
	}
	.power-statement p a span::before,
	.power-statement p a span::after {
		bottom: .3rem;
	}
	.error404 #primary .inner {
		background: url(images/bg-404.png) no-repeat 50% 100% / contain ;		
	}
	.verticals .graph {
		padding-top: 12.8rem;
	}
	.services-nav .prev-service strong, 
	.services-nav .next-service strong {
		font-size: 3.7rem;
	}
	.power-services {
		padding: 16rem 0;
	}
	.power-services .deco {
		font-size: 30rem;
	}
	.services-nav {  
    padding: 11.8rem 0 7.4rem;
  }
	.portfolio-image {
    height: 55.6rem;
  }
	.ipad img {
    max-width: 90%;
    height: auto;
  }
	.body-txt .col-r {
		width: 50%;
	}
	.services-top .feature-txt .col-r {
		margin-top: 16.5rem;
	}
	.services-top .col-50 {
		padding-left: 70px;
	}
	.services-top  .deco-top {
		left: 70px;
		top: 16.5rem;
	}
	.apply-section .file-field {
		width: 100px;
	}
	.files > div {
		margin-left: 3%;
		margin-right: 3%;
	}
	.say-hello {
		font-size: 12rem!important;
	}
	.our-ideals .main-txt {
		font-size: 4.3rem;
	}
	.three-subpages em {
		left: 24%;
	}
	.row-position .col-r strong {
		font-size: 4.2rem;
	}
	.verticals .entry {
		padding-right: 5%;
	}
	.agency-bottom .statement h3 {
		font-size: 4.5rem;
		letter-spacing: 0px;
	}
	.page-template-careers-page .say-hello {
		padding: 10rem 0 17rem!important;
	}
	.power-statement svg {		
		width: 300px;
	}
}
@media screen and ( min-width: 480px ) and ( max-width: 1023px ) { 
	.portrait .hero-carousel .slide-wrap {
		margin-left: 0px!important;
	}
	.insights h3 {
		font-size: 11rem;
	}
	.insights .square {
		width: 30rem;
		margin-left: -15rem;
	}
}
@media screen and ( max-width: 1024px ) { 
	.power-statement svg {		
		left: 8rem;
	}
}
@media screen and ( max-width: 1023px ) { 
	.square {
		background: none !important;
	}
	.slide.animate .img-holder .square {
		-webkit-transform: translate(-18rem, -24rem) scale(1);
		transform: translate(-18rem, -24rem) scale(1);
	}
	.sign-circle {		
		width: 57.2rem;
		height: 57.2rem;	
		margin: -28.6rem 0 0 -28.6rem;
	}
	.sign-circle-in {
		padding: 0 7%;
	}
	.chimpy-reset .sky-form header {
		font-size: 4.5rem;
		line-height: 5rem;
	}
	.chimpy-reset .sky-form .description {
		font-size: 2.2rem;
		line-height: 2.8rem;
		padding-bottom: 2rem;
	}
	.chimpy-reset .chimpy_shortcode_submit, .chimpy-reset .chimpy_shortcode_submit:hover,

	.chimpy-reset .chimpy_widget_submit, .chimpy-reset .chimpy_widget_submit:hover {
		margin-bottom: 1.5rem!important;
	}
	.page-template-flexible-page .two-columns h2 {
		font-size: 3.5rem;
		line-height: normal;
	}
	.page-template-flexible-page .text-carousel-inner {
		padding-left: 0;
	}
	.page-template-flexible-page .two-cols .callout .col-l {
		width: 49.5%;
	}
	.page-template-flexible-page .power-services {
		padding: 9rem 0;
	}
	.page-template-flexible-page .power-services .deco {
		font-size: 20rem;
	}
	.page-template-flexible-page .two-columns img {
		margin: 0 auto 3rem;
	}
	.page-template-flexible-page .feature-txt .col-r {
		width: 43%;
	}
	.page-template-flexible-page .feature-txt .col-r-in {
		padding-top: 4rem;
	}
	.power-statement svg {		
		width: 280px;
	}
	.power-statement .our-ideals {
		width: 506px; 
	}
	.power-statement .our-ideals .main-txt .word::before {
    bottom: 0.5rem;
	}
	.power-statement svg {		
		left: 6rem;
	}
	.next-slide {
		width: 80px;
		height: 80px;
		bottom: -20px;
	}
	.next-slide:before {
		top: 20px;
	}
	.power-statement p {
		font-size: 4.5rem;
		line-height: 5.5rem;		
	}	
	.power-statement .inner {
		padding-left: 29rem;
	}
  .power-statement .deco {
  	right: 2.5%;
  }
	.power-statement .pineapple {		
		width: 50rem;		
	}
	.landscape .slide.slide-tablet.move-tablet .deco-mobile-in {
		-webkit-transform: translate(0,-180px);
		transform: translate(0,-180px);
		display: block;
	}
	.portrait .hero-carousel .slide-wrap {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.portrait .hero-entry,
	.is-phone  .hero-entry{
		display: none!important;
	}
	/*.portrait .slide.animate .img-holder.hero-mobile .deco-mobile-in {
		-webkit-transform: rotate(-20deg) translate(-35rem, -81rem);
		transform: rotate(-20deg) translate(-35rem, -81rem);
	}*/
	.landscape .img-holder.hero-mobile .img-holder-in, 
	.landscape .img-link {
		-webkit-transform: translate(200px,0px);
		transform: translate(200px,0px);	
	}
	.landscape  .move-iphone .img-holder.hero-mobile .img-holder-in, 
	.landscape .move-iphone .img-link {
		-webkit-transform: translate(200px,-59px);
		transform: translate(200px,-59px);	
	}
	.landscape .img-holder.hero-laptop .img-holder-in, 
	.landscape .img-link {
	  -webkit-transform: translate(150px,0);
		transform: translate(150px,0);		
	}
	.landscape .move-laptop .img-holder.hero-laptop .img-holder-in, 
	.landscape .move-laptop .img-link {
	  -webkit-transform: translate(150px,-59px);
		transform: translate(150px,-59px);		
	}
	.landscape .img-holder.hero-tablet .img-holder-in, 
	.landscape .img-link {
		-webkit-transform: translate(130px,0);
		transform: translate(130px,0);		
	}
	.landscape .move-tablet .img-holder.hero-tablet .img-holder-in, 
	.landscape .move-tablet .img-link {
 		-webkit-transform: translate(130px,-80px);
		transform: translate(130px,-80px);		
	}
	.portrait .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {	
		-webkit-transform:scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 200% 80%;
		transform-origin: 200% 80%;
	}
	.portrait .img-holder.hero-laptop .img-holder-in,
	.portrait .move-laptop .img-link {	
		-webkit-transform:scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 20% 80%;
		transform-origin: 20% 80%;
	}
	.portrait .img-holder.hero-tablet .img-holder-in,
	.portrait .move-tablet .img-link {	
		-webkit-transform:scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 50% 80%;
		transform-origin: 50% 80%; 
	}
	.portrait .move-iphone .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {
		-webkit-transform: translate(0,-120px) scale(0.9);
		transform: translate(0,-120px) scale(0.9);		
	}
	.portrait .slide.slide-laptop .img-holder .square {
		top: 45rem;
	}
	.portrait .slide.slide-tablet .img-holder .square {
		top: 54rem;
	}
	.portrait .move-laptop .img-holder.hero-laptop .img-holder-in,
	.portrait .move-laptop .img-link {

		-webkit-transform: translate(0,-40px) scale(0.8);
		transform: translate(0,-40px) scale(0.8);
		-webkit-transform-origin: 20% 80%;
		transform-origin: 20% 80%;
	}
	.portrait .slide.slide-tablet .deco-mobile,
	.portrait .slide.slide-tablet.animated .deco-mobile {
		left: 28.4rem;
		top: 13rem;
	}
	.portrait .move-tablet .img-holder.hero-tablet .img-holder-in,
	.portrait .move-tablet .img-link {
		-webkit-transform: translate(0,-80px) scale(0.9);
		transform: translate(0,-80px) scale(0.9);
	}
	.slide.slide-tablet.animated .deco-mobile {
		-webkit-transform: scale(.9);
		transform: scale(.9);
		left: 58.4rem;	
		top: 27rem;
	}
	.slide.slide-tablet .img-holder .square {
		left: 53rem;
	}
	.portrait .slide .img-holder .square .line.line-01 {				
		width: 100%;
	}
	.portrait .slide .img-holder .square .line.line-02 {		
		height: 100%;
	}
	.portrait .slide .img-holder .square .line.line-03 {			
		width: 100%;
	}
	.portrait .slide .img-holder .square .line.line-04 {	
		height: 100%;			
	}
	.accolades ul li {
		margin-left: 5%;
	}
	.services-nav .prev-service strong {
		padding-left: 40px;
		letter-spacing: 0px;		
	} 
	.services-nav .prev-service {
		padding-left: 1rem;
	}
	.services-nav .next-service {
		padding-right: 1rem;
	}
	.services-nav a strong:before {
		-webkit-transform: translate(-1rem, 0);
		transform: translate(-1rem, 0);
	}
	.services-nav .next-service strong:before {
		-webkit-transform: translate(1rem, 0);
		transform: translate(1rem, 0);	
	}
	.services-nav .next-service strong {
		padding-right: 40px;
		letter-spacing: 0px;		
	}
	.post-gallery-wrap {
		padding-top: 28rem;
	}
	.body-txt {
		padding-top: 3rem;
	}
	.row-position .col-l {
		width: 22%;
	}
	.services-top .col-50 {
		padding-left: 30px;
	}
	.services-top .feature-txt .col-r {
		margin-top: 12rem;
	}
	.services-top .deco-top {
		left: 30px;
		top: 12rem;
	}
	.row-position .col-r {
		width: 71%;
		padding-right: 0px;
	}
	.positions .inner::before {
		left: 25.7%;
	}
	.row-position .col-r strong {
		font-size: 3.8rem;
	}
	.feature-txt .col-r {
    font-size: 3.5rem;
    line-height: 4.8rem;
    margin-top: -7rem;
    padding-right: 1%;
    padding-top: 0px;
	}
	.body-txt .col-l,
	.power-services h3 {
		font-size: 3.5rem;
    line-height: 4.8rem;
	}
	.feature-txt .col-l {
		padding-left: 1%;
		width: 50%;
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.body-txt .col-r,
	.services-top .feature-txt .entry p {
		font-size: 2rem;
		line-height: 3.2rem;	
	}
	.three-subpages .col {
		width: 31%;
		margin-left: 3.5%;
	}
	.deco-border {
		left: 1rem;
		right: 1rem;
		top: 1rem;
		bottom: -3rem;
	}
	.three-subpages strong {
		font-size: 4.5rem;
	}
	.three-subpages .descr {
		padding-right: 6%;
		font-size: 1.5rem;
		padding-top: 4rem;
	}
	.our-ideals {
		padding-top: 40rem;
		margin-top: -40rem;
		padding-bottom: 15rem;
	}
	.agency-bottom .statement-top {
		padding-left: 7%;
	}
	.agency-bottom .statement .entry {
		width: 65%;
	}
	.verticals .entry {
		font-size: 1.9rem;
		line-height: 3rem;
	}
	.verticals .entry,
	.verticals h3,
	.verticals .services,
	.accolades h4 {
		padding-left: 7%;
		padding-right: 0%;
	}
	.verticals h3 {
		padding-bottom: 2rem;
	}
	.verticals .services {
		padding-top: 3.5rem;
	}
	.verticals .graph .column.column-01 {
		left: 11.3%;
	}
	.verticals .graph .column.column-02 {
		left: 29.7%;
	}
	.verticals .graph .column.column-03 {
		left: 54%;
	}
	.verticals .graph .column.column-04 {
		left: 72.5%;
	}
	.accolades ul li img {
		width: 8.7rem;
	}
	.accolades h4 {
		font-size: 2.2rem;
	}
	.accolades ul li .img-wrap::before {
		width: 7.9rem;
		height: 7.9rem;
	}
	.start-discuss {
		padding: 10rem 0 7rem; 
	}
	.agency-bottom .statement {
		padding-top: 7.3rem;
	}
	.verticals {
		padding-top: 8rem;
	}
	.our-ideals .main-txt .word {
		padding: 0.7rem 1rem; 
	}
	.our-ideals .main-txt {
		font-size: 3.3rem;
		line-height: 6rem; 		
	}
	.power-statement .our-ideals .main-txt {
		font-size: 4.2rem;
		overflow: visible;
	}
	.home .power-statement .our-ideals .main-txt {
		padding-top: 5rem;
	}
	.page-template-careers-page .our-ideals .main-txt {
		font-size: 4rem;
		line-height: 5rem;		
	}
	.our-ideals .main-txt .word {
		line-height: 4.6rem;
	}
	.single-pagination {
		display: none;
	}
	.single-pagination-m {
		display: block;
		padding-bottom: 3rem;
		overflow: hidden;
	}
	.single-pagination-m a {
		float: left;
		font-size: 7rem;
		color: #f0f0f0;    
    font-weight: 700;        
    line-height: normal;
    text-decoration: none;        
    -webkit-transition: color .7s;
    transition: color .7s;
	}
	.single-pagination-m a:hover {
		color: #210b39;
	}	
	.single-pagination-m a:last-child {
		float: right;
	}
	.single-position .meta {
		padding-bottom: 2.3rem;
	}
	.single-position .say-hello {
    font-size: 10rem !important;
    padding-bottom: 15.8rem;
    padding-top: 9rem;
	}
	.apply-section .wpcf7-form p.col-50 input[type="text"], .apply-section .wpcf7-form p.col-50 input[type="email"], .apply-section .wpcf7-form p.col-100 input[type="text"], .apply-section .wpcf7-form p.col-100 input[type="email"] {
		padding-left: 2%;
	}
	.apply-section .wpcf7-form  p input::-webkit-input-placeholder {		
		letter-spacing: 2px;
	}
	.apply-section .wpcf7-form  p input:-moz-placeholder {
	  letter-spacing: 2px;
	}
	.apply-section .wpcf7-form  p input::-moz-placeholder {
	  letter-spacing: 2px;
	}
	.apply-section .wpcf7-form  p input:-ms-input-placeholder {  
	  letter-spacing: 2px;
	}
	.apply-section .wpcf7-form span.wpcf7-not-valid-tip {
		left: 2%;
	}
	.apply-section .wpcf7-form .col-50.last {
		margin-top: -10.6rem;
	}
	.apply-section .file-field {
		width: 130px;
	}
	.purple-top .services-menu .current strong {
		font-size: 4.5rem;
		line-height: 5.5rem;
	}
	.parallax-top {
		display: none;
	}
	.verticals {
		height: auto!important;
	}
	.verticals h3 {
		padding-top: 0;
	}
	.verticals-in {
		-webkit-transform: translate(0,0)!important;
		transform: translate(0,0)!important;
	}
	#big-title-m .word-1,
	#big-title-m .word-2 {
		display: block;
		margin: 0 auto 3rem;
	}
	#big-title-m {
		letter-spacing: 0px;
	}
	#big-title-m i,
	#small-title-m i {
		float: none;
		display: inline-block;
	}
	#small-title-m {
		top: 36%;
	}
	#big-title-m {
		top: 49%;
	}
	#small-title-m {
		letter-spacing: 0px;
		margin-left: -175px;
		text-align: center;
		word-spacing: 5px;
	}
	#small-title-m .word-1, 
	#small-title-m .word-2,
	#small-title-m .word-3 {
		margin-left: 10px;
		margin-right: 10px;
	}
	/*.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile {
		top: 15%;
		right: 8%;
	}*/
	/*.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile-in {
		-webkit-transform: rotate(-20deg) translate(-32rem, -46rem);
		transform: rotate(-20deg) translate(-32rem, -46rem);
	}*/
	.power-statement p {
		max-width: 580px;
	}
}



@media screen and ( max-height: 500px ) { 
 
	.sign-circle {		
		width: 47.2rem;
		height: 47.2rem;	
		margin: -23.6rem 0 0 -23.6rem; 
	}
	.sign-circle-in {
		padding: 0 4%;
	}
	.chimpy-reset .sky-form header {
		font-size: 3.5rem;
		line-height: 4rem;
		padding: 0 4rem 2.5rem;
	}
	.chimpy-reset .sky-form .description {
		font-size: 1.8rem;
		line-height: 2.2rem;
		padding-bottom: 1rem;
	}
	.chimpy-reset .chimpy_shortcode_submit, .chimpy-reset .chimpy_shortcode_submit:hover {
		margin-bottom: .5rem!important;
	}
	.chimpy-reset .chimpy_shortcode_submit, .chimpy-reset .chimpy_shortcode_submit:hover {
		font-size: 2rem;
		line-height: 5rem!important;
		max-width: 22rem;
	}
	.chimpy-reset .sky-form fieldset label input {
		max-width: 33rem;
		margin-bottom: 1.5rem;
	}
}

@media screen and ( min-width: 767px ) { 
  .services-list .col ul {
  	display: block!important;
  }
}
@media screen and ( max-width: 767px ) { 
	.power-statement svg {		
		width: 200px;
	}
	.insights h3 {
		font-size: 9rem;
	}
	.insights .square {
		width: 26rem;
		top: -14rem;
		margin-left: -13rem;
	}
	.work-quote-inner .quotes.new-quotes {
		left: -335px;
	}
	.power-statement .our-ideals .main-txt {
		font-size: 4.1rem;
	}
	.power-statement .inner {
		padding-left: 21rem;
	}
  .power-statement svg {		
		left: 4rem;
	}
	.svg-bg-2 {
		-webkit-transform: scale(0.3); 
		-webkit-transform-origin: 80% 30%;
		transform: scale(0.3); 
		transform-origin: 80% 30%;		
	}
	.v-txt {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		bottom: auto;
		top: 92vh;
		text-align: right;
		width: auto!important;
		height: auto;
		left: -24vw;
		right: 65vw;
	}
	.landscape .v-txt {
		top: 180vh;
		left: -30vw;
		right: 100vw;
	}
	.v-txt h3 {
		font-size: 3.1rem;
		line-height: normal;
	}
	.slide-laptop .v-txt {
		top: 97vh;
	}
	.landscape .slide-laptop .v-txt {
		top: 200vh;
	}
	.slide-tablet  .v-txt {
		top: 105vh;
		left: -30vw;
		right: 75vw;
	}
	.landscape .slide-tablet  .v-txt {
		top: 220vh;
	}
	.large-txt {
		font-size: 870px;
		top: 72vh;
		left: -42vw;
	}
	.slide .table {
		position: static;
	}
	.slide.slide-tablet .v-txt h2 {
		width: auto;
	}
	.hero-carousel .slide .slide-to-move.z {
	/*		-webkit-transform: translate3d(0px, 0px, 150px) scale(0.8)!important;
		transform:  translate3d(0px, 0px, 150px) scale(0.8)!important;*/
		padding-top: 0px;
		/*height: 100vh;*/
	}
	.slide-outer-mobile .slide .table, 
	.slide-outer-laptop .slide .table {
		top: 0;
	}
	.instagram-widget > span {
		display: none;
	}	
	.animated2 .img-holder .img-holder-in-r {
		overflow: hidden;
	}
	.power-statement p {
		max-width: 100%;
	}
	.body-txt {
		padding-bottom: 7rem;
	}
	.page-template-careers-page .our-ideals {
		padding-top: 0;
		margin-top: 0;
	}
	.safari-only .hero-carousel .slide  .slide-to-move + .inner {
		position: relative;		
	}
	.feature-txt .col-r {
		margin-top: 6rem;		
		width: 100%!important;
		padding-right: 0px;
	}
	.move-iphone .img-holder.hero-mobile .img-holder-in,
	.move-iphone .img-link {
		-webkit-transform: translate(0,-100px);
		transform: translate(0,-100px);
	}
	.hero-nav {
		/*display: none;*/
		left: 0!important;
		right: 0!important;
		bottom: 1rem!important;
		top: auto!important;
		-webkit-transform: translate(0px, 0%);
		transform: translate(0px, 0%);
	}
	.hero-nav ul {
		width: auto;
		right: auto!important;
		text-align: center;
	}
	.hero-nav li {
		display: inline-block;
		vertical-align: bottom;
		margin: 0;
	}
	.hero-nav li a {		
		margin-bottom: 0rem;
		padding: 0 1rem;
		line-height: 4.6rem;
		margin: 0 .5rem;
	}
	.hero-nav a::before, 
	.hero-nav a::after, 
	.hero-nav a span {
	
		right: 1.5rem;
		top: 4.5rem;
	}
	.hero-nav a::before {
		top: 100%;
		left: 0rem;
		right: 0;
		width: auto!important;
		height: 2px;
	}
	.hero-nav .current a:before, 
	.hero-nav .current a span, 
	.no-touch .hero-nav a:hover:before, 
	.no-touch .hero-nav a:hover span {
    height: 4px;
	}
	.hero-nav a::after {
		top: 3rem;
	}
	.hero-nav a em {
		top: 0;
		bottom: 15px;
	}
	#big-title-m .word-1, #small-title-m .word-1, #small-title-m .word-2 {
		margin-bottom: 3rem;
	}
	.heard-about-us-right span.wpcf7-not-valid-tip {
		width: 100vw;
		bottom: -5rem;
	}
	#big-title-m span {
		font-size: 46px;
	}
	#time-m {
		right: 54%;
	}
	.power-services h3 {
		width: 83%;
	}
	.parallax-top {
		display: none;
	}
	.verticals {
		height: auto!important;
	}
	.verticals h3 {
		padding-top: 0;
	}
	.verticals-in {
		-webkit-transform: translate(0,0)!important;
		transform: translate(0,0)!important;
	}
	.services-list .col {
    width: 100%;
    box-sizing: border-box;    
    float: none;
  }
  .services-list .col ul {
  	display: none;
  	padding-bottom: 2rem;
  	margin-bottom: 3.3rem;
  	border-bottom: 1px solid #451678;
  }
  
  .services-list .col h4{
    position: relative;
    text-transform: uppercase;
    text-align: center;
  }
  .services-list .services-row .col h4::before,
  .services-list .services-row.animate .col h4::before {
  	height: 1px;
  	width: 100%;
  }
    
  .services-list .col h4:after {
    content: '';
    height: 0;
    position: absolute;
    top: 1.1rem;   
    right: 4%;
    width: 0;
    border: 9px solid transparent;
    border-top-color: #00e06d;
  }
  .services-list .col h4.active:after {
    border: 9px solid transparent;
    border-bottom-color: #00e06d;
    top: 0;
  }
	.page-template-service-page #footer {
		position: relative;
		margin-top: -1px;
		z-index: 10;
	}
	.services-nav {
		padding: 5rem 0; 
	}
	.services-nav strong {
		display: none!important;
	}
	.services-nav .agency-back {
		top: 0;
	}
	.services-nav .prev-service span, 
	.services-nav .next-service span {
		color: #fff;
		font-size: 3.8rem;
		letter-spacing: -1px;
		line-height: normal;
		font-family: 'CaslonGraphiqueEF';		
		font-weight: normal;
		display: block;
		position: relative;
	} 
	.services-nav .prev-service, 
	.services-nav .next-service {
		padding-bottom: 0px;
		width: 35%;
	}
	.portfolio-image {
    height: 305px;
  }
  .ipad img {
    max-width: 80%;
    height: auto;
  }
	.page-template-careers-page .our-ideals .main-txt {
		max-width: 10000px;
	}
	.feature-txt .col-r .deco-bottom {
		right: 35%;
	}
	.positions .inner:before {
		display: none!important;
	}
	.row-position .col-l,
	.row-position .col-r,
	.single-position .row-position .col-l,
	.single-position .row-position .col-r {
		width: 100%;
		padding-left: 0px;
	}
	.single-position .inner h1 {
		font-size: 5rem;
	}
	.single-position .row-position .col-r span.excerpt {
		margin-left: 0px;
		padding-top: 1rem;
	}
	.single-position .positions {
		padding-bottom: 4.4rem;
		padding-top: 1.4rem;
	}
	.row-position .col-l {
		padding-bottom: 1rem;
	}
	.row-position .col-r::before {
		left: 0;
	}
	.page-template-careers-page .our-ideals .main-txt {
		font-size: 3.6rem;
	}
	.page-template-careers-page  {
		background: rgba(0, 0, 0, 0) url("images/bg-green-txt.jpg") no-repeat scroll 50% 0 ;
	}

	.row-position .col-r span.excerpt,
	.row-position .col-r span.arrow {
		margin-left: 7rem;
	}
	.feature-txt .col-l,
	.page-template-careers-page .feature-txt .col-l {
		padding-top: 0;
		padding-left: 0;
		width: 100%;
	}
	.banner-outer {
		width: 774px;
		margin-left: -387px;
		left: 50%;
		position: relative;
	}
	#banner-heading,
	#banner-heading-2,
	#banner-heading-right,
	#banner-heading-right-2 {
		opacity: 0;		
	}
	#banner-heading.ready,
	#banner-heading-2.ready,
	#banner-heading-right.ready,
	#banner-heading-right-2.ready {
		opacity: 1;
	}
	.agency-bottom,
	.page-template-careers-page .agency-bottom {
		margin-top: 0px;
	}
	.agency-bottom .inner {
		padding: 0;
	}
	.instagram-widget {
		padding: 0 4%;
		width: 92%;
		position: relative;
		top: 6rem;
	}
	.page-template-careers-page .agency-bottom .inner {
		padding-bottom: 6rem;
	}
	.load-row {
		margin:  0 -10rem;
		background: #fff;
		padding-top: 4.6rem;
		padding-bottom: 4.1rem;
	}
	.page-template-careers-page .main-txt.ready br,
	.say-description br {
		display: none;
	}
	.say-description a {
		white-space: nowrap;
	}
	.verticals {
		width: 100%;
	}
	.verticals .entry, 
	.verticals h3, 
	.verticals .services, 
	.accolades h4,
	.accolades ul,
	.agency-bottom .statement-top {
		padding-left: 4%; 
		padding-right: 4%;
	}
	.verticals .graph .column.column-01 {
		left: 7.3%;
	}
	.verticals .graph .column.column-02 {
		left: 25.7%;
	}
	.verticals .graph .column.column-03 {
		left: 50%;
	}
	.verticals .graph .column.column-04 {
		left: 68.5%;
	}
	.agency-bottom .statement {
		width: 100%;
		background: #fff;		
	}
	.agency-bottom .statement-top {
		padding-bottom: 5rem;
	}
	.accolades {
		position: static;
		padding-top: 6rem;
		height: 36rem;
	}	
	.three-subpages .inner {
		width: 2000px;
		max-width: 2000px;
		-webkit-transition: -webkit-transform .7s;
		transition: transform .7s;
		padding: 0 0 0 10vw;
	}
	.three-subpages .col {
		width: 62vw;
		margin-left: 8vw;
		-webkit-transform: translate(0px, 0px)!important;
		transform: translate(0px, 0px)!important;
	}
	.three-subpages .col.col-01 {
		margin-left: 8vw;	
	}
	.our-ideals .main-txt {
		font-size: 2.9rem;
	}
	.our-ideals .main-txt .clear {
		display: none;
	}
	.apply-section .wpcf7-form  p input::-webkit-input-placeholder {		
		letter-spacing: 1px;
	}
	.apply-section .wpcf7-form  p input:-moz-placeholder {
	  letter-spacing: 1px;
	}
	.apply-section .wpcf7-form  p input::-moz-placeholder {
	  letter-spacing: 1px;
	}
	.apply-section .wpcf7-form  p input:-ms-input-placeholder {  
	  letter-spacing: 1px;
	}
	.our-ideals {
		padding-top: 30rem;
		margin-top: -30rem;
	}
	.power-statement {
		padding: 15rem 0 1rem;
	}
	.power-statement p a span::before {
		bottom: 1px;
	}
	.page-template-service-page .post-gallery-wrap .highlights span {
		right: 3rem;
	}
	.hero-carousel .next-slide {
		display: none;
	}
	/*new mobile styles*/
	.portrait .slide-entry h2,
	.portrait .slide-entry h3,
	.portrait .slide-entry-in .explore-btn {
		display: none;
	}
	.portrait .slide-entry {
		position: absolute;
		bottom: 0;
		left: 9%;
		right: 9%;
		width: auto;
	}
	.portrait .slide-entry-in p {
		font-size: 32px;
		line-height: 40px;
		text-align: center;
	}
	.portrait .slide-entry-in {
		padding: 0px 9% 70px 9%;
	}
	.portrait .slide-entry-in span {
		top: 10%;
	}
	.portrait .digit {
		left: 0;
		right: 0;
		bottom: -2rem;
		text-align: center;
	}
	.portrait .slide  > .inner,
	.portrait .hero-carousel .slide  .slide-to-move + .inner {
		z-index: 10;
	}
	.portrait .hero-carousel .slide  .slide-to-move:first-child {
		z-index: 1;
		-webkit-transform: inherit!important;
		transform: inherit!important;
	}
	.portrait .slide.slide-mobile  > .inner {
		margin-left: 0px!important;
	}
	.portrait .img-holder.hero-mobile .img-holder-in, 
	.portrait .move-iphone .img-link,
	.portrait .img-holder.hero-laptop .img-holder-in, 
	.portrait .move-laptop .img-link,
	.portrait .img-holder.hero-tablet .img-holder-in,
	.portrait .move-tablet .img-link {
		-webkit-transform-origin: 50% 0!important;
		transform-origin: 50% 0!important;
	}
	.portrait .slide-mobile .img-holder .square {
		top: 36rem;
		left: 50%;
		margin-left: -15rem;
	}
	.portrait .slide-mobile .img-holder .square {
		width: 35rem;
		height: 35rem;
	}
	.landscape .slide-entry-in p {
		font-size: 25px;
	}
	/*.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile {
		top: 30%;
		right: 8%;
	}*/
	.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile {
		top: 54%;	
		right: -10%
	}
	.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile-in img {
		width: 150px;
	}
	.portrait .img-holder.hero-tablet {
		left: 0;
	}
	/*.portrait .slide-mobile.slide .img-holder.hero-mobile .deco-mobile-in {
		-webkit-transform: rotate(-20deg) translate(24rem, 20rem);
		transform: rotate(-20deg) translate(24rem, 20rem);
	}*/
	.portrait .slide.animate .img-holder.hero-mobile .deco-mobile {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	.portrait .img-holder.hero-mobile .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(0px,0) scale(0.8)!important;
		transform: translate(0px,0) scale(0.8)!important;		
	}
	.portrait .move-iphone .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {
		-webkit-transform: translate(0px,-80px) scale(0.8)!important;
		transform: translate(0px,-80px) scale(0.8)!important;		
	}
	.portrait .img-holder.hero-laptop {
		left: 0!important;
	}
	.portrait .img-holder.hero-laptop .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(-270px,0px) scale(0.7)!important;
		transform: translate(-270px,0px) scale(0.7)!important;		
	}
	.portrait .move-laptop .img-holder.hero-laptop .img-holder-in,
	.portrait .move-laptop .img-link {
		-webkit-transform: translate(-270px,-30px) scale(0.7)!important;
		transform: translate(-270px,-30px) scale(0.7)!important;		
	} 
  .portrait .slide.slide-tablet .img-holder.hero-tablet {
  	left: 50%;
  	-webkit-transform: scale(0.8) translate(-50%,0);
  	transform: scale(0.8) translate(-50%,0);
  }
  .portrait .slide.slide-tablet.animate .img-holder.hero-tablet {
  	left: 50%;
  	-webkit-transform: scale(1) translate(-50%,0);
  	transform: scale(1) translate(-50%,0);
  }
  .portrait .slide.slide-tablet .img-holder .square {
  	width: 32rem;
  	height: 32rem;
  	left: 90rem;
  }
  .portrait .slide.slide-tablet .deco-mobile, 
  .portrait .slide.slide-tablet.animated .deco-mobile {
  	left: 70rem;
  }


  .portrait  .img-holder.hero-tablet .img-holder-in,
	.portrait  .img-link {
		left: 50%;
		-webkit-transform: translate(-50%,50px) scale(0.67)!important;
		transform: translate(-50%, 50) scale(0.67)!important;
	}
	.portrait .move-tablet .img-holder.hero-tablet .img-holder-in,
	.portrait .move-tablet .img-link {
		-webkit-transform: translate(-50%,0px) scale(0.67)!important;
		transform: translate(-50%,0px) scale(0.67)!important;
	}


	.portrait .slide.slide-laptop .img-holder .square {
		top: 55rem;
		left: 28rem;
	}
	.digit {		
		-webkit-transform: translate(0,15rem);
		transform: translate(0,15rem);	
		-webkit-transition: -webkit-transform .5s ease-in .8s, opacity .5s ease-in .8s;
		transition: transform .5s ease-in .8s, opacity .5s ease-in .8s;
	}
	.landscape .digit {
		-webkit-transform: translate(-15rem,0);
		transform: translate(-15rem,0);	
	}
	.landscape .animate .digit {
		-webkit-transform: translate(0,0rem);
		transform: translate(0,0rem);		
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	.three-subpages .col {
		width: 39vw;
	}	
	.three-subpages {
		padding-top: 5rem;
	}
	.digital .arrows {
		bottom: -70px;
	}
	.landscape .slide-entry-in p {
		font-size: 40px;
		line-height: 44px;
	}
	.slide-entry h3 {
		font-size: 34px;
		line-height: 36px;
	}
	.slide-entry {
		width: 660px;
		left: -361px!important;
	}
	.slide-entry h2 {
		font-size: 74px;
		padding-bottom: 0;
	}
	.slide-entry-in .explore-btn {
		font-size: 34px;
	}
}
@media screen and ( max-width: 640px ) {
  .power-statement svg,
  .power-statement .deco {
  	display: none;
  } 
  .power-statement .our-ideals {
  	max-width: 100%;
  }
  .power-statement .our-ideals .main-txt {
  	max-width: 450px;
  	text-align: center;
  	padding-bottom: 5rem;
  }
  .power-statement .our-ideals .main-txt {
  	font-size: 3.3rem;
  }
  .power-statement .inner {
  	padding-left: 4%;
  	padding-bottom: 2rem;
  }
  .power-statement p {
  	text-align: center;
  }
	#footer .copyright {
		float: none;
		text-align: center;
		margin-bottom: 1rem;
		display: inline-block;
		margin-top: 1rem;
	}		
	.tw-count {
		min-height: 1px;
	}
	.power-statement .pineapple {		
		width: 40rem;		
	}
	#big-title-m .word-1, #small-title-m .word-1, #small-title-m .word-2 {
		margin-bottom: 1.5rem;
	}
	#slide-logo-m {
		left: 10%;
		right: 10%;
	}
	#small-title-m {
		font-size: 14px;
	}
	#big-title-m span {
		font-size: 35px;
	}
	.post-gallery-wrap .slick-slider {
		margin-bottom: 3rem;
	}
	.post-gallery-wrap .highlights span {
		right: 25px;
	}
	.post-gallery-wrap .highlights {
		top: 1rem;
	}
	.page-template-service-page .post-gallery-wrap .highlights {
		top: 29rem;
	}

	.say-hello {
		font-size: 9rem!important;
	}
	#footer .inner {
		text-align: center;
	}
	#footer nav  {
		text-align: center;
		display: inline-block;
	}
	#footer nav li {
		float: none;
		display: inline-block;
		margin:  0 0.8rem;
	}
	#footer .socials {
		float: none;
		padding-top: .7rem;
		text-align: center;
	}
	#footer .socials li {
		margin: 0 1.4rem;
		float: none;
		display: inline-block;
	}
	.power-statement p {
		font-size: 4.5rem;
		line-height: 5.5rem;
		max-width: 100%;
		padding-bottom: 2rem;
	}
	.our-ideals .main-txt {
		height: auto;
		max-width: 320px;
		margin: 0 auto;
	}
	.apply-section .wpcf7-form .col-50 {
		width: 100%;
		margin-left: 0px;
	}
	.apply-section .wpcf7-form .col-50.last {
		margin-top: 1.6rem;
	}
	.single-position .say-hello {
		font-size: 7rem!important;
	}
	.single-position .inner h1 {
		font-size: 4rem;
	}
	.apply-section .submit-box::after {
		font-size: 14rem;
	}
	.purple-top .services-menu {
		left: 4%;
	}
  .services-top .col-l img {
  	width: 100%!important;
  	margin-left: 0px!important;
  	min-height: 50rem;
  	max-height: 50rem;
  }
	.services-top .col-l {
		width: 100%;
	}
	.page-template-service-page .site-content .services-top .inner {
		padding: 0;
	}
	.services-top .col-l .purple-top {
		margin-bottom: 9rem;
	}
	.tw-count {
		margin-left: 12vw;
	}
	.services-top .feature-txt .col-r {
		margin-top: 6rem;
	}
	.services-top .deco-top {
		top: 6rem;
		left: 4%;
	}
	.services-top .col-50 {
		width: 100%;
		padding: 0 4%;
	}
	.services-top .deco-bottom {
		display: none!important;
	}
	.portrait .img-holder.hero-mobile .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(100px,0) scale(0.8);
		transform: translate(100px,0) scale(0.8);		
	}
	.portrait .move-iphone .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {
		-webkit-transform: translate(100px,-150px) scale(0.8);
		transform: translate(100px,-150px) scale(0.8);		
	}
	.portrait .img-holder.hero-laptop .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(0px,0px) scale(0.8);
		transform: translate(0px,0px) scale(0.8);		
	}
	.portrait .move-laptop .img-holder.hero-laptop .img-holder-in,
	.portrait .move-laptop .img-link {
		-webkit-transform: translate(0px,-40px) scale(0.8);
		transform: translate(0px,-40px) scale(0.8);		
	} 
	.portrait  .img-holder.hero-tablet .img-holder-in,
	.portrait  .img-link {
		-webkit-transform: translate(-80px,0px) scale(0.8);
		transform: translate(-80px, 0) scale(0.8);
	}
	.portrait .move-tablet .img-holder.hero-tablet .img-holder-in,
	.portrait .move-tablet .img-link {
		-webkit-transform: translate(-80px,-80px) scale(0.8);
		transform: translate(-80px,-80px) scale(0.8);
	}
	.portrait  .img-holder.hero-paper .img-holder-in,
	.portrait  .img-link {
		-webkit-transform: translate(-70px,0px) scale(0.8);
		transform: translate(-70px, 0) scale(0.8);
		-webkit-transform-origin:0 50%;
		transform-origin:0 50%;
	}
	.portrait .move-tablet .img-holder.hero-paper .img-holder-in,
	.portrait .move-tablet .img-link {
		-webkit-transform: translate(-80px,-80px) scale(0.8);
		transform: translate(-80px,-80px) scale(0.8);
	}
	.quotes.new-quotes {
		top: -160px;
		left: -341px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  
	}
	.power-services .quotes,
	.pullquote .quotes {
		top: -78px;
		left: 9px;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  
	}	
	.page-template-flexible-page .pullquote {
		padding-left: 7rem;
	}
	.pullquote .quotes {
		left: -6px;
		top: -70px;
	}
	.portrait .slide.slide-tablet .deco-mobile,
	.portrait .slide.slide-tablet.animated .deco-mobile {		
		top: 12rem;
	}
}
@media screen and ( max-width: 560px ) {
	#banner-heading,
	#banner-heading-2,
	#banner-heading-right,
	#banner-heading-right-2 {
		font-size: 270px;
	}	
	.img-holder .square {
		top: 17rem;
	}
	.slide.slide-laptop .img-holder .square {
		top: 35rem;
	}
	.is-mobile-work.page-template-work-page #footer,
	.is-desktop-work.page-template-work-page #footer  {
		display: none!important;
	}
}
@media screen and ( max-width: 480px ) { 
	.portrait .insights {
		z-index: 9;
	}
	.layer-b {
		margin-left: 0rem;
	}
	.layer-b video.bg-digital {		
		margin-left: 0rem;
	}
	.sign-circle {
		border-radius: 0;
		width: auto;
		right: 3%;
		left: 3%;
		margin-left: 0;
		border-width: 2rem;
	}
	.digital-entry h1 {
		letter-spacing: 0
	}
	.chimpy-reset div.chimpy_signup_success div {
		font-size: 2.4rem;
	}
	.chimpy-reset .chimpy_shortcode_submit, .chimpy-reset .chimpy_shortcode_submit:hover {
		margin-bottom: 2rem!important;
	}
	.hero-carousel .slide-outer {
		height: 100vh!important;
	}
	.safari-only .hero-carousel .slide-outer {
		height: 94vh!important;
	}
	.slide-entry-in span {
		bottom: -15rem;
	}
	.portrait .slide-entry {
		bottom: -10rem;
	}
	.layer-e,
	.layer-d,
	.layer-c {
		display: none; 
	}
	.digital-entry {
		width: auto;
		left: 0%;
		right: 0%;
	}
	.digital .square, .digital .square2 {
		left: 15%;
		right: 15%;
		width: 70%;
	}
	.insights h3 {
		font-size: 7rem;
	}
	.insights .square {
		width: 20rem;
		top: -16rem;
		margin-left: -10rem;
	}
	.digital-entry p {
		width: 100%;
		padding-left: 15%;
		padding-right: 15%;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 26px;
	}
	.digital .square:before {
		position: absolute;
		z-index: 3;
		top: 0;
		bottom: 0;
		left: 0;
		width: 2rem;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 36%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2) 64%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 36%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 64%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 36%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 64%,rgba(0,0,0,0) 100%);
		content: '';
		display: block;
		opacity: 0;
		-webkit-transition: opacity .5s ease 1.5s;
		transition: opacity .5s ease 1.5s;
	}
	.digital-entry {
		top: 47%;
	}
	.digital.animate .square:before  {
		opacity: 1;
	}
	.entry-in {
		padding-left: 0;
		text-align: center;
	}
	.digital-entry h1 {
    font-size: 40px;
    line-height: 45px;
	}
	.layer-b {
		left: 50%!important;
		width: 50%!important;
		-webkit-transform: inherit!important;
		transform: inherit!important;
		opacity: 0;
		-webkit-transition: margin 1s ease 1s, opacity 1s ease ;
		transition: margin 1s ease 1s, opacity 1s ease ;
		margin-left: 50vw;
	}
	.digital.animate .layer-b {
		margin-left: 0;
		opacity: 1;
	}

	.top-footer h3 em {
		padding: 0;
	}		
	.page-template-flexible-page .wpcf7-form p.col-100 {
		padding-top: 0;
	}
	.portrait .slide-mobile .img-holder .square {
		top: 38rem;
		left: 15%;
		margin-left: 0rem;
	}
	.portrait .img-holder.hero-mobile .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(0px,0) scale(0.75)!important;
		transform: translate(0px,0) scale(0.75)!important;		
	}
	.portrait .move-iphone .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {
		-webkit-transform: translate(0px,-40px) scale(0.75)!important;
		transform: translate(0px,-40px) scale(0.75)!important;		
	}
	.power-services .quotes,
	.pullquote .quotes {
		top: -61px;		
    -webkit-transform: scale(.6);
    transform: scale(.6);    
	}
	.pullquote .quotes {
		top: -50px;
	}
	.page-template-flexible-page .pullquote {
		padding-left: 5rem;
	}
	.page-template-flexible-page .pullquote strong {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.img-holder .square {
		top: 18rem;
	}
	.power-statement p {
		font-size: 3.2rem;
		line-height: 4.5rem;
	}
	.hero-carousel .slide  .slide-to-move + .inner {
		z-index: 5;
		-webkit-transform: inherit;
		transform: inherit;
	}
	.portrait .hero-carousel .slide-wrap {
		margin-left: 0px!important;
	}
	.safari-only.portrait .hero-carousel .slide  .slide-to-move + .inner {
		-webkit-transform: translate3d(0,0rem,102px) scale(0.89);
		transform: translate3d(0,0rem,102px) scale(0.89);
	}
	.slide-outer-mobile .slide .table,
	.slide-outer-laptop .slide .table {
		top: -2vw;
	}
	.slide .table {
		bottom: auto;
		top: -10vw;
	}
	.power-statement .photo .table {
		width: auto;
	}
	.agency-bottom .statement .entry {
		padding-left: 20%;
	}
	#big-title-m {
		top: 45%;
	}
	#big-title-m span {
		font-size: 28px;
	}
	#small-title-m {
		top: 38%;
	}
	.body-txt .col-l {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.body-txt .col-l,
	.body-txt .col-r {
		width: 100%;
	}
	.power-services .deco {
		font-size: 20rem;
	}	
	.power-services {
	  padding: 10rem 0;
	}
	.power-services h3::before {
		font-size: 8rem;
		top: 5.2rem;
	}
	.highlights-inner .more-wrap {
		width: 100%;
	}
	.instagram-widget a {
		width: 100%;
	}
	.page-template-careers-page .say-hello {
    padding: 6rem 0 16rem !important;
	}
	.page-template-careers-page .our-ideals .main-txt {
    font-size: 3.4rem;
	}
	.say-hello::after {
		height: 26rem!important;
		width: 26rem!important;
	}
	.say-hello {
		font-size: 6rem!important;
	}
	.our-ideals {
    padding-bottom: 7rem;
    padding-top: 30rem;
    margin-top: -30rem;
	}
	.three-subpages {
    padding-top: 3rem;
	}
	.top-footer h3 {
		display: block;
		padding-bottom: 9rem;
	}
	.top-footer h3 .img-wrap {
		right: 2%;
		top: 6rem;
		padding-top: 0px;
		padding-left: 4rem;
	}
	.top-footer h3 .img-wrap:before {
		top: 0;
	}
	.top-footer {
		padding-top: 6.8rem;
	}
	.insight-row a strong {
		font-size: 3.6rem;
	}
	.top-footer h3 .img-wrap img {		
		-webkit-transform: translate(-4rem,2.6rem);
		transform: translate(-4rem,2.6rem);
		-webkit-transition: -webkit-transform 1s;
		transition: transform 1s;
	}
	.top-footer.animated h3 .img-wrap img {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	.start-discuss h3 {
		font-size: 3.4rem;
	}
	.start-discuss .col-50 {
		margin-left: 0px;
		width: 100%;
	}
	.start-discuss h3 + p.col-50 {
		margin-bottom: 1.6rem;
	}
	.start-discuss {
		padding-top: 6rem;
	}
	.single-position .say-hello {
		font-size: 5rem!important;
	}
	.portrait .img-holder.hero-mobile .img-holder-in,
	.portrait .img-link {
		-webkit-transform: translate(0px,0) scale(0.9);
		transform: translate(0px,0) scale(0.9);		
	}
	.portrait .move-iphone .img-holder.hero-mobile .img-holder-in,
	.portrait .move-iphone .img-link {
		-webkit-transform: translate(0px,-70px) scale(0.9);
		transform: translate(0px,-70px) scale(0.9);		
	}
	.portrait .slide.slide-mobile .slide-to-move:first-child  {
	  margin-left: 190px;
	  margin-top: 40px;
	}
	.portrait .slide.slide-mobile  > .inner {
		margin-left: 250px;
	}
	
}
@media screen and ( max-width: 479px ) { 	
	#banner-heading,
	#banner-heading-2,
	#banner-heading-right,
	#banner-heading-right-2 {
		font-size: 210px;
	}
}
@media screen and ( max-width: 400px ) {
	.portrait .hero-carousel .slide-wrap {
		margin-left: 0px!important;
	}
}
@media screen and ( max-width: 374px ) { 
	.top-footer h3 {
		font-size: 3.4rem;
	}		
	.page-template-careers-page .our-ideals .main-txt {
		line-height: 3.2rem;
		line-height: 4rem;
	}
	.services-list .col h4 {
		font-size: 2.1rem;
	}
	.services-list .col h4::after {
		top: .7rem;
	}
	.services-list .col h4.active::after{
		top: -0.4rem;
	}
	.power-services h3 {
		font-size: 3.2rem;
		line-height: 4rem;
	}
	.power-services h3::before {
		top: 4rem;
	}
	.quotes {
    left: -15px;
    top: -106px;
	}
	.quotes.new-quotes {
		top: -108px;
		left: -60px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  
	}	
	.accolades ul li {
		margin-left: 3%;
	}
	#big-title-m span {
		font-size: 24px;
	}
	#big-title-m .word-1, #small-title-m .word-1, #small-title-m .word-2 {
		margin-bottom: 0px;
	}
	.single-position .say-hello {
		line-height: normal;
	}
	.post-social a {
		margin: 0 !important;
	}
	.open-social {
		margin: 0 0 0 4px;
	}
	.insight-row a strong {
    font-size: 3rem;
	}
	.say-hello {
		font-size: 5rem!important;
	} 
	.power-statement p {		
		max-width: 91vw;		
	}
	.page-template-careers-page .say-hello {
		padding-bottom: 15rem!important;
	}
	.banner-outer {
		width: 680px;
		margin-left: -340px;
	}
	.start-discuss h3 {
		font-size: 2.9rem;
	}	
	.accolades ul li img {
		width: 8.3rem;
	}
	.accolades ul li .img-wrap::before {
		width: 7.5rem;
		height: 7.5rem;
	}
	.accolades ul li .img-wrap {
		padding: 0 0 2rem 2rem;
	}
	
}
@media screen and ( max-width: 359px ) {	
	.power-services h3 {
		font-size: 3rem;
	}
}


/* Style2.css file */
button::-moz-focus-inner {
  border: 0;
}

/*=================== CONTACT PAGE =====================*/
.head:after {
  clear: both;
  content:"";
  display: block;
}
.head-circle {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 5.2rem;
  position: absolute;
  top: 0;
  right: 0;
  background: #00e06d;
  z-index: 4;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in 1s;
  transition: opacity .5s ease-in 1s;
}
.head-circle.animated {
  -webkit-transition: -webkit-transform 0s linear;
  transition: transform 0s linear;
}
.head {
  overflow: hidden;
  background: #2e1846 url(images/head-bg.jpg) no-repeat center bottom;
  background-size: cover;

}
.head .inner,
.contacr-wrap .inner {
  max-width: 1460px;
}
.contacr-wrap .inner {
  position: relative;
  z-index: 2;
}
.contact-bottom-section .inner {
  max-width: 1265px;
}
.contacr-wrap {
  background: url(images/contcat-bg.jpg) no-repeat center 55rem;
  background-size: 100% auto;
  overflow: hidden;
  position: relative;
}
.head-right-inner {
  opacity: 0;
  -webkit-transform: translateY(21rem);
  transform: translateY(21rem);
  -webkit-transition: -webkit-transform 1.3s, opacity 0.8s;
  transition: transform 1.3s, opacity 0.8s;
  z-index: 3;
  position: relative;
}
.head-right {
  width: 50%;
  float: right;
  padding-top: 12.5rem;
  padding-bottom: 0rem;
  position: relative;
  z-index: 1;
}
.head-right svg {
  position: relative;
  z-index: 2;
  margin-bottom: 12rem;
}
.head-right-after {
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: url(images/head-contact-bg.jpg) no-repeat 0 0;
  background-size: cover;
  width: 50vw;  
}
.contact-description {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 0 18% 2.5rem 14%;
}
.animated .contact-description:after {
  width: 10rem;
}
.contact-description p {
  font-size: 5.4rem;
  line-height: 7rem;
  font-family: 'Avenir', sans-serif;
  font-weight: 700;
  margin-bottom: 3rem;
  letter-spacing: 0.15rem;
  position: relative;
  color: transparent;
  min-height: 42rem;
} 
.contact-description p .outer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.contact-description p span {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  color: #fff;
}
.contact-description p span em {
  display: block;
  font-style: normal;
  padding-top: 2rem;
  opacity: 0; 
  will-change: transform; 
}
.contact-description p.animate span em {
  -webkit-animation-name: statementAnimation;
  animation-name: statementAnimation; 
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.contact-description p.animate span.line-2 em {
  -webkit-animation-delay: .05s; 
  animation-delay: .05s;  
}
.contact-description p.animate span.line-3 em {
  -webkit-animation-delay: .1s; 
  animation-delay: .1s; 
}
.contact-description p.animate span.line-4 em {
  -webkit-animation-delay: .15s; 
  animation-delay: .15s;  
}
.contact-description p.animate span.line-5 em {
  -webkit-animation-delay: .2s; 
  animation-delay: .2s; 
}
.contact-description p.animate span.line-6 em {
  -webkit-animation-delay: .25s; 
  animation-delay: .25s;  
}
.contact-description p.animate span.line-7 em {
  -webkit-animation-delay: .25s; 
  animation-delay: .3s; 
}
.contact-description p.animate span.line-8 em {
  -webkit-animation-delay: .25s; 
  animation-delay: .35s;  
}
.contact-description p.animate span.line-9 em {
  -webkit-animation-delay: .25s; 
  animation-delay: .4s; 
}
.contact-description p.animate span.line-10 em {
  -webkit-animation-delay: .25s; 
  animation-delay: .45s;  
}
.contact-description p em {
  font-style: normal;
}







.contact-description a {
  font-family: 'Avenir', sans-serif;
  font-weight: 500;
  color: #00e06d;
  font-size: 1.9rem;
  line-height: 22px;
  position: relative;
  padding-left: 60px;
  text-decoration: none;
}
.contact-description a:hover {
  text-decoration: underline;
}
.contact-description a::before {
  top: 8px;
}

.contact-left-fields {
  float: left;
  width: 50%;
  padding: 18.5rem 7% 0;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  margin-top: 8rem;
}
.contact-left-fields-inner {
  left: 100px;
  -webkit-transition: left 0.8s, opacity 0.8s;
  transition: left 0.8s, opacity 0.8s;
  opacity: 0;
}
.animated-fixed.contact-left-fields-inner {
  opacity: 1;
  left: 0;
}
.contact-right-fields-inner {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.4s;
  transition: transform 0.8s, opacity 0.4s;
  opacity: 0;
}
.contact-left-fields-inner,
.contact-right-fields-inner {
  z-index: 3;
  position: relative;
  
}
.contact-left-fields:after {
  background: #fff;
  content: "";
  top: -8rem;
  right: 0;
  width: 200%;
  height: 44rem;
  position: absolute;
  z-index: 1;
}
.contact-left-fields:before,
.contact-right-fields:before, 
.contact-bottom-fields:before {
  content: "01";
  font-family: 'Avenir', sans-serif;
  font-weight: 700;
  font-size: 24rem;
  line-height: 0;
  top: 22rem;
  left: -1rem;
  position: absolute;
  color: #ebebeb;
  z-index: 2;
  -webkit-transition: opacity .7s ease-in;
  transition: opacity .7s ease-in;
  opacity: 0;
}
.contact-bottom-fields:before,
.contact-left-fields.animate:before,
.contact-right-fields.animate:before{
  opacity: 1;
}
.contact-right-fields:before {
  content: "02";
  top: 15rem;
}
.contact-bottom-fields:before {
  content: "03";
  top: 0;
}
.content-contact .col-r {
  float: right;
  padding: 16rem 0 3rem;
  width: 50%;
  position: relative;
}
.contact-right-fields {
  width: 50%;
  float: left;
  clear: left;
  padding: 13rem 7% 0; 
  position: relative; 
  box-sizing: border-box;
}
.content-contact {
  padding-bottom: 15rem;
}
.content-contact h3 {
  color: #2f0d53;
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 4.2rem;
  margin-bottom: 2.8rem;
  letter-spacing: 0.1rem
}
.paragraph {
  font-family: 'Avenir', sans-serif;
  font-weight: 400;
  font-size: 1.9rem;
  line-height: 2.8rem;
  color: #210b39;
  margin-bottom: 5rem;
}
.paragraph a {
  color: #00e06d;
  text-decoration: none;
}
.paragraph a:hover {
  text-decoration: underline;
}
.check-hide {
  display: none;
}
.contact-fields:after {
  display: block;
  clear: both;
  content: "";
}
.contact-fields input {
  width: 100%;
  border: 1px solid transparent;
  border-bottom: 3px solid #00e06d;
  box-sizing: border-box;
  font-size: 2.7rem;
  color: #1d0239;
  font-family: 'Avenir', sans-serif;
  font-weight: 600;
  padding: 0 3rem;
  height: 8rem;
  background: none;
  position: relative;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.contact-bottom-fields textarea:focus {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.contact-fields input.wpcf7-not-valid,
.contact-fields input.wpcf7-not-valid:focus,
.contact-bottom-fields textarea.wpcf7-not-valid:focus,
.contact-bottom-fields textarea.wpcf7-not-valid {
 
  border-bottom-color: #e3004b;
}
#chart-area {
  width: 36.5rem!important;
  height: 36.5rem!important;
}

.contact-fields input::-webkit-input-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-fields input:-moz-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-fields input::-moz-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-fields input:-ms-input-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-fields input::-ms-input-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}

.contact-bottom-fields textarea::-webkit-input-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-bottom-fields textarea:-moz-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-bottom-fields textarea::-moz-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.contact-bottom-fields textarea:-ms-input-placeholder {font-size: 12px; color: #7f7d81; text-transform: uppercase; letter-spacing: 0.33rem;}
.hiddendiv {
  font-size: 2.7rem;
  line-height: 2.7rem;
  padding: 2.5rem 3rem;
  font-family: 'Avenir', sans-serif;
  letter-spacing: 0.33rem;
  font-weight: 600;
  display: none;
}
.contact-bottom-fields textarea {
  width: 100%;  
  height: 154px!important;
  border: 1px solid #e1e1e1;
  border-bottom: 3px solid #00e06d;
  box-sizing: border-box;
  font-size: 2.7rem;
  line-height: 2.7rem;
  color: #1d0239;
  font-family: 'Avenir', sans-serif;
  font-weight: 600;
  padding: 2.5rem 3rem;
  min-height: 208px;
  height: 208px;
  display: block;
  letter-spacing: 0.33rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  resize: none;
  -webkit-appearance: none;
  border-radius: 0px;
  -webkit-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}
.contact-bottom-fields-description {
  width: 40%;
  padding: 1rem 0 0;
  position: relative;
  z-index: 3;
}
.contact-bottom-fields {
  position: relative;
  padding: 0 7%;
}
.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.help-description {
  position: absolute;
  left: 3rem;
  top: 1.5rem; 
  color: #acacac;
  font-family: 'Avenir', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  z-index: 1;
  text-transform: uppercase;
  opacity: 0;
  display: none;
}
.contact-fields input:focus + .help-description {
  opacity: 1;
}




/*List of categories*/
.badget-list {
  overflow: hidden;
}
.badget-list,
.badget-list ul {
  list-style-type: none; 
  padding-left: 0;
}
.badget-list li {
  color: #1d0239;
  position: relative;
  font-family: 'Avenir', sans-serif;
  font-weight: 600;
  font-size: 2.7rem;
  line-height: 2.7rem;
  padding-left: 45px;
}
.badget-list > li ul {
  margin-top: 20px;
  display: none;
}
.badget-list > li div{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d9;
}
.badget-list > li div span:before {
  width: 19px;
  height: 19px;
  border: 3px solid #000;
  background: #f0f0f0;
  border-radius: 20px;
  box-sizing: border-box;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.badget-list > li.branding-list div span:before  {
  border-color: #330b5c;
  background: #330b5c;
}
.badget-list > li.experiences-list div span:before  {
  border-color: #662d91;
  background: #662d91;
}
.badget-list > li.marketing-list div span:before  {
  border-color: #a186be;
  background: #a186be;
}
.badget-list li label {
  font-weight: normal;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
.badget-list li input {
  display: none;
}
.badget-list li input + label:after {
  content: "";
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  
}
.badget-list li input:checked + label {
  color: #1d0239;
}
.badget-list li input:checked + label:after {
  background-image: url(images/sprite.png);
  background-position: -164px 0;
  background-repeat: no-repeat;
  
}
.badget-list li.branding-list input:checked + label:after {
  background-color: #330b5c;
  border-color: #330b5c;
}
.badget-list li.experiences-list input:checked + label:after {
  background-color: #662d91;
  border-color: #662d91;
}
.badget-list li.marketing-list input:checked + label:after {
  background-color: #a186be;
  border-color: #a186be;
}
.badget-list li li {
  padding-left: 0;
  font-size: 1.7rem;
  margin-bottom: 1.33rem;
  color: transparent;
}
.badget-list li li label {
	color: #7f7d81;
}
.experiences-list:after {
  height: 1000px;
  position: absolute;
  bottom: -20px;
  left: 9px;
  z-index: 1;
  content: "";
  width: 1px;
  background: #e5e5e5;
}
.badget-list > li span {
  cursor: pointer;
}
.badget-list > li em {
  font-style: normal;
  color: #646a75;
  font-size: 1.2rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0; 
  padding-right: 28px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-weight: 400;
  letter-spacing: 1px;
}
.badget-list > li em:hover {
  opacity: 0.7;
}
.badget-list > li em:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background: url(images/sprite.png) no-repeat 0 -128px; 
}
.badget-list > li.active em:after {
  background-position: 0 -150px;
}
.list-bl {
  position: relative;
  padding-top: 3rem;
}
.list-bl:after {
  display: block;
  content: "";
  clear: both;
}
#trigger2 {
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;  
  z-index: 10; 
  z-index: 999999;
}
.diagram-wrap {
  max-width: 455px;
  margin-left: -227px; 
  position: relative;
  min-height: 460px;
  position: absolute;
  left: 50%;
  top: 16rem;  
}
.contact-fields {
  padding-bottom: 10rem;
}
.diagram-estimate {
  border-radius: 40rem;
  -webkit-box-shadow: 0 0 3rem #ccc;
  box-shadow: 0 0 3rem #ccc;
  display: inline-block;
  padding: 5rem;
 
  background: rgba(255,255,255, 0.5);
} 
.diagram-estimate.active-ab {
  position: fixed;
  top: 81px;
  margin-left: 0;
  width: 48%;
 
}
.diagram-estimate.active-ab.active-bottom {
  position: absolute;
  bottom: 0;
  top: auto;
}
#canvas-holder{
  width:100%;
  width: 36.5rem;
  height: 36.5rem;
  position: relative;
}
#chart-area2 {
  width: 100%!important;
  height: 100%!important;
}
#canvas-holder.active:after {
  opacity: 0;
}
#canvas-holder .amount {
  font-family: 'Avenir', sans-serif;
  color: #210b39;
  font-weight: 700;
  font-size: 2.7rem;
  text-align: center;
  margin: 0;
  width: 150px;
  position: absolute;
  left: 50%;
  padding: 0 ;
  height: 47px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s, left 0.3s;
  transition: opacity 0.3s, left 0.3s; 
  border: none;
}
.range-estimate {
  white-space: nowrap;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  display: none;
  
}
.title-beta {
  display: none;
}
.range-plus,
.range-minus{
  background: url(images/sprite.png) no-repeat 0 0;
  width: 38px;
  height: 37px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 3px;
}
.range-minus{
  background-position: -42px -40px;
  left: 55px;
}
.range-plus {
  background-position: 0 -40px;
  right: 55px;
}
.range-minus.disable {
  background-position: -42px -83px;
}
.range-plus.disable {
  background-position: 0 -83px;
}
.range-plus.disable span.tooltip,
.min-disable,
.range-minus.disable span.tooltip .min {
  display: none;
}
.range-minus.disable span.tooltip {
  background: #dfdfdf;
}
.range-box.disable span.tooltip:after {
  border-bottom-color: #dfdfdf;
}
.range-minus.disable span.tooltip .min-disable{
  display: block;
}
.range-box span.tooltip {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 15px;  
  background: #353b47;
  font: 9px Lato-Light, sans-serif;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  transition: opacity 0.3s;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
.range-box:hover span.tooltip  {
  opacity: 1;
  z-index: 1;
}

.range-box span.tooltip:after {
  border-bottom: 8px solid #353b47;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -4px;
  
}
.range-box span.tooltip  strong {
  display: block;
  font: 10px Lato-Bold, sans-serif;
  text-transform: uppercase;
}
.title-range {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  text-align: center;
  color: #738289;
  letter-spacing: 1px;
  font-size: 12px;
  font-family: 'Avenir', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.title-range-none {
  position: absolute;
  top: 50%;
  margin-top: -15px;  
  left: 0;
  right: 0;
  text-align: center;
  color: #00e06d;
  font-family: 'Avenir', sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
}

#canvas-holder .amount.ToLeft {
  left: 30%;
  opacity: 0;
}
#canvas-holder .amount.FromRight {
  left: 60%;
  opacity: 0;
}
.contact-right-fields .diagram-wrap{
	visibility: hidden;
	z-index: -999;
	position: absolute;
}	
div.fancy-select {
  position: relative;
  font-size: 1.7rem;
  color: #515151;
  vertical-align: top;
}
div.fancy-select.disabled {
  opacity: 0.5;
}
div.fancy-select select:focus + div.trigger.open {
  box-shadow: none;
}
div.fancy-select div.trigger,
.howdid input {
  cursor: pointer;
  padding: 0px 50px 0px 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-bottom: 3px solid #00e06d;
  color: #1d0239;
  transition: all 240ms ease-out;
  -webkit-transition: all 240ms ease-out;
  -ms-transition: all 240ms ease-out;
  width: 100%;
  box-sizing: border-box;
  line-height: 4.6rem;
  font-weight: 400;
  font-family: 'Avenir', sans-serif;  
  font-size: 17px;
}
.howdid input  {
	height: 4.6rem;
}
.howdid input {
  margin-bottom: 5rem;
  cursor: default;
  padding-right: 2rem;
}
div.fancy-select div.trigger:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -9px;
  right: 12px;
  width: 18px;
  height: 18px;
  background: url(images/sprite.png) no-repeat 0 -128px; 
}
div.fancy-select div.trigger.open:after {
  background-position: 0 -150px;
}
div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  top: 4.8rem;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 231px;
  overflow: auto;
  background: #f5f5f5;
  border-bottom: 3px solid #00e06d;
  min-width: 10px;
  font-family: 'Avenir', sans-serif;  
  font-size: 14px;
  width: 100%; 
  transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
  visibility: visible;
  top: 4.8rem;
  opacity: 1;
  transition: opacity 300ms ease-out, top 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
}
div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 4.8rem;

  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 4.8rem;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
div.fancy-select ul.options li {
  padding: 0.5rem 1.5rem 0.5rem 2.5rem;
  color: #1d0239;
  cursor: pointer;
  white-space: nowrap; 
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
}
div.fancy-select ul.options li[data-raw-value="Social Media"] {
  display: none;
}
div.fancy-select ul.options li.selected {
  color: #292929;
}
div.fancy-select ul.options li.hover,
div.fancy-select ul.options li.selected {
  color: #fff;
  background: #00e06d;
}
.file-field {
  padding-right: 95px;
  color: #1d0239;
  font-family: 'Avenir', sans-serif;  
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 51px;
  position: relative;
  display: block;
  vertical-align: top;
  padding-bottom: 13px;
}
.file-name-contact {
  position: absolute;
  top: 33px;
  left: 0;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: top;
  color: #b0adb9;
  text-overflow: ellipsis;
  overflow: hidden;
  right: 70px;
  cursor: text;
}
.file-name-contact i {
	font-style: normal;
	display: block;
	top: -1rem;
	position: relative;
}

.file-field:after {
  width: 64px;
  height: 64px;
  background: url(images/sprite.png) no-repeat -90px -40px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px;
  content: "";
  cursor: pointer;
}
.contact-bottom-fields input[type=file],
.apply-section  input[type=file] {
  display: none;
}
.heard-about-us .fancy-select {
  max-width: 300px;
  margin-bottom: 5rem;
}
.heard-about-us-left {
  margin-right: 73.5%;
}
.heard-about-us-right {
  
  float: right;
  width: 66.5%;
}
.heard-about-us {
  padding-top: 3rem;
  margin-bottom: 2rem
}
.heard-about-us:after {
  display: block;
  content: "";
  clear: both;
}
.heard-about-us h4 {
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.3rem;
  color: #7f7d81;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  letter-spacing: 0.13rem;
}
.submit-box {
  position: relative;
  padding-top: 12rem;
  margin-bottom: 2.5rem;
  text-align: center;
  clear: both;
}
.submit-box:after {
  content: "Send";
  font-family: 'Avenir', sans-serif;  
  font-weight: 700;
  font-size: 24rem;
  line-height: 0;
  color: #f5f5f5;
  position: absolute;
  top: 12rem;
  left: 50%;
  -webkit-transform: translateX(-50%);  
  transform: translateX(-50%);  
  z-index: -1;
}

.submit-box input {
  display: none;
}
.submit-box span {
  font-family: 'Avenir', sans-serif;  
  font-weight: 600;
  font-size: 2.9rem;
  color: #210b39;
  position: relative;
  display: inline-block;
  padding: 3rem 4.5rem 3rem 10rem;
  cursor: pointer;
  border: 2px solid #00e06d;
}

.contact-bottom-section {
  background: url(images/bg_image.jpg) repeat-x center bottom;
  padding: 14rem 0 12rem;
  position: relative;
}
.single-position .contact-bottom-section {
  padding-top: 10rem;
}
.page-template-careers-page .contact-bottom-section {
  padding-bottom: 10.3rem;
}
.contact-bottom-section:after {
  background: url(images/bg_transp.png) no-repeat center bottom;
  width: 858px;
  height: 297px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -429px;
  content: "";
  z-index: 10;
}
.address {
  max-width: 370px;
  padding-left: 6.9rem;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(-10rem);
  transform: translateX(-10rem);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.5s;
  transition: transform 0.8s, opacity 0.5s;
} 
.address:before {
  content: "letâ€™s GET in touch";
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 1rem;
  left: -1.9rem;
  line-height: 0px;
  color: #00e06d;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  letter-spacing: 2.5px;
  min-height: 100%;
  font-size: 1.3rem;
  text-transform: uppercase;
  border-top: 1px solid #00e06d;
  padding: 2.5rem 1rem 0;
  z-index: -1;
}
.address h3 {
  font-family: 'CaslonGraphiqueEF', sans-serif;  
  font-weight: 400;
  font-size: 3.4rem;
  margin-bottom: 2rem;
  letter-spacing: 0.18rem;
}
.address p {
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 1px;
  margin-bottom: 2rem;
}
.address p a {
  color: #00e06d;
}

.say-hello {
  position: relative;
  font-family: 'CaslonGraphiqueEF', sans-serif;  
  font-weight: 400;
  font-size: 16rem;
  line-height: 18rem;
  color: #fff;
  text-align: center;
  padding: 12.5rem 0;
  letter-spacing: 0.7rem;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
}
.page-template-careers-page .say-hello {
  font-size: 14rem;
  padding-top: 13rem;
  padding-bottom: 11.8rem;
}
.say-hello span {
  z-index: 2;
  position: relative;
}
.say-hello:after {
  border: 2rem solid #00e06d;
  width: 36rem;
  height: 36rem;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  z-index: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s; 
}
.say-description {
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 2.1rem;
  color: #00e06d;
  text-align: center;
  margin-top: -5rem;
  position: relative;
  z-index: 13;
  letter-spacing: 0.5px;
}
.page-template-careers-page .say-description  {
  font-size: 1.9rem;
}
.animated.say-hello:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.say-description a {
  color: #00e06d;
}

/*====================WORK PAGE =======================*/

.page-template-work-page {
  background: #fcfcfc;
}
.work-wrap .inner {
  max-width: 1560px;
}
.work-wrap {
  background: url(images/work-bg.jpg) no-repeat 0 0;
  background-size: auto 100%;
}
.work-row {
    height: 100%;   
}
.work-type {
  margin-bottom: 6.5rem;
}
.work-row:after,
.work-type:after {
  display: block;
  clear: both;
  content: "";
}
.work-left{
  float: left;
  width: 50%;
  height: 100%;
}
.work-left-inner {
  padding: 2rem 13% 0rem 0;
  height: 100%;
  display: table;
}
.work-left-inner .work-left-in {
  display: table-cell;
  vertical-align: middle;
}
.work-right{
  margin-left: 50%;
  height: 100%;  
  position: relative;
  -webkit-transform: translate(0, 3rem);
  transform: translate(0, 3rem);
  opacity: 0;
  position: relative;
  -webkit-transition: -webkit-transform linear 0.5s, opacity linear 0.5s;
  transition: transform linear 0.5s, opacity linear 0.5s;
}
.work-right .work-right-in {
  position: absolute;  
  right: 5rem;
  top: 50%;
  height: 100%;
  max-width: 100%;
  max-height: 850px;
  width: auto;
  float: right;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.work-right-in > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.work-right-in > a:before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: transparent;
  -webkit-transition: background .5s;
  transition: background .5s;
  z-index: 10;
}
.work-left h2 {
  color: #00e06d;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  -webkit-transform: translate(-13%, 0);
  transform: translate(-13%, 0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.work-sub-title {
  font-family: 'CaslonGraphiqueEF', sans-serif;  
  font-weight: 400;
  font-size: 6.9rem;
  line-height: 7.5rem;
  margin-bottom: 4.8rem;
  color: #2f0d53;
}

.work-description,
.work-description-second {
  padding-left: 10rem;
  position: relative;
}
@keyframes workDescriptionAnimation {
  0% {       
		-webkit-transform: translate(0, 2rem);
		transform: translate(0, 2rem);
		opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0rem);
		transform: translate(0, 0rem);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -.6rem);
		transform: translate(0, -.6rem);
		opacity: 1;
  }
  100%{
    -webkit-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1;		
  }
}
@-webkit-keyframes workDescriptionAnimation {
  0% {       
		-webkit-transform: translate(0, 2rem);
		transform: translate(0, 2rem);
		opacity: 0;
  }
  60% {
    -webkit-transform: translate(0, 0rem);
		transform: translate(0, 0rem);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, -.6rem);
		transform: translate(0, -.6rem);
		opacity: 1;
  }
  100%{
    -webkit-transform: translate(0, 0%);
		transform: translate(0, 0%);
		opacity: 1;		
  }
}
.work-description {
  -webkit-transform: translate(0, 2rem);
  transform: translate(0, 2rem);
  opacity: 0;
}
/* work animation */
.animate .work-description {
	-webkit-animation-name: workDescriptionAnimation;
  animation-name: workDescriptionAnimation; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .05s; 
  animation-delay: .05s;	
}
.leave-work .animate .work-description {
  overflow: hidden;
}
.leave-work .animate .work-description p {
  -webkit-transition: -webkit-transform 0.5s 0.2s;
  transition: transform 0.5s 0.2s;
  -webkit-transform: translate(0, 150%);
  transform: translate(0, 150%);
}
.leave-work .animate .work-left h2 {
  overflow: hidden;
}
.leave-work .animate .work-left h2 span {
  -webkit-transition: -webkit-transform 0.5s 0.2s;
  transition: transform 0.5s 0.2s;
  -webkit-transform: translate(0, 150%);
  transform: translate(0, 150%);
  display: block;
}

/*sub title*/
@keyframes subTitleAnimation {
  0% {       
		transform: translate(-100px, 0);
		opacity: 0;
  }
  40% {       
		transform: translate(-50px, 0);
		opacity: 1;
  }
 80% {
		opacity: 1;
		transform: translate(8px, 0);
  }
  100%{
		transform: translate(0px, 0);		
		opacity: 1;
  }
}
@-webkit-keyframes subTitleAnimation {
  0% {       
		-webkit-transform: translate(-100px, 0);
		opacity: 0;
  }
  40% {       
		-webkit-transform: translate(-50px, 0);
		opacity: 1;
  }
 80% {
		opacity: 1;
		-webkit-transform: translate(8px, 0);
  }
  100%{
    -webkit-transform: translate(0px, 0);		
		opacity: 1;
  }
}

.work-sub-title span {
	display: inline-block;
	vertical-align: top;

}
.work-sub-title span em {
	display: block;
	font-style: normal;
	will-change: transform;	
	opacity: 0;
	-webkit-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
	position: relative;
}
.animate .work-sub-title span em {
	-webkit-animation-name: subTitleAnimation;
  animation-name: subTitleAnimation; 
	-webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate .work-sub-title span.work-sub-line-1 em { 
	-webkit-animation-delay: .05s; 
  animation-delay: .05s;	
}
.animate .work-sub-title span.work-sub-line-2 em { 
	-webkit-animation-delay: .2s; 
  animation-delay: .2s;	
}
.animate .work-sub-title span.work-sub-line-3 em { 
	-webkit-animation-delay: .3s; 
  animation-delay: .3s;	
}
.leave-work .animate .work-sub-title span {
  overflow: hidden;
}
.leave-work .animate .work-sub-title span em {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  opacity: 1;
  -webkit-animation: subTitleAnimation none;
  animation: subTitleAnimation none;
  -webkit-transition: -webkit-transform 0.5s 0.2s;
  transition: transform 0.5s 0.2s;
}
.work-wrap.leave-work {
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.6s;
  opacity: 0;
}

.animate .work-type .work-services {
	-webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
.animate .work-type .work-techno {
	-webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
@-webkit-keyframes UpDownAnimation {
  0% {       
    -webkit-transform: translate(0, 0);
  }
  40% {       
    -webkit-transform: translate(0, -15%);
  }
  100%{
    -webkit-transform: translate(0, 1000px);    
  }
}
@keyframes UpDownAnimation {
  0% {       
		transform: translate(0, 0);
  }
  40% {       
		transform: translate(0, -15%);
  }
  100%{
		transform: translate(0, 1000px);		
  }
}


.animate a.explore-project {
	-webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}

.animate .work-right {
  -webkit-transform: translate(0, 0); 
  transform: translate(0, 0);
  opacity: 1
}
.leave-work .animate .work-right .work-thumbnail,
.leave-work .animate a.explore-project {
  -webkit-animation-name: UpDownAnimation;
  animation-name: UpDownAnimation; 
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate .work-left h2 {
	-webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1
}
.work-description p {
  color: #210b39;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2.6rem;
  margin-bottom: 4.9rem;
  width: 84%;
}
.work-description .quotes {
  top: -110px;
}
.work-description .quotes.new-quotes {
	top: -180px;
}
.work-type ul {
  list-style-type: none;
  padding-left: 4.5rem;
  position: relative;
}
.work-type ul li {
  color: #7f7d81;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
  -webkit-transition: -webkit-transform linear 0.3s, opacity linear 0.3s;
  transition: transform linear 0.3s, opacity linear 0.3s;
  -webkit-transform: translate(-3rem, 0);
  transform: translate(-3rem, 0);
  opacity: 0;
}
.work-type .work-services ul:after,
.work-type .work-techno ul:after{
  content: "SERVICES";
  -webkit-transform: rotate(-90deg) translate(-3rem, 0);
  transform: rotate(-90deg) translate(-3rem, 0);
  position: absolute;
  top: 4rem;
  left: -4rem;
  width: 10rem;
  text-align: right;
  color: #00e06d;
  opacity: 0;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  line-height: 0;
  padding-top: 2rem;
  font-size: 1.3rem;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform linear 0.3s 0.2s, opacity linear 0.3s 0.2s;
  transition: transform linear 0.3s 0.2s, opacity linear 0.3s 0.2s;
  letter-spacing: 0.1rem;
}
.work-type .work-techno ul:after {
  -webkit-transition: -webkit-transform linear 0.3s 0.4s, opacity linear 0.3s 0.4s;
  transition: transform linear 0.3s 0.4s, opacity linear 0.3s 0.4s;
}
.work-type .work-services ul:before,
.work-type .work-techno ul:before{ 
  border-left: 1px solid #00e06d;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 0;
}
.work-type .work-services ul:before {
  -webkit-transition: height linear 0.3s;
  transition: height linear 0.3s;
}
.work-type .work-techno ul:before {
  -webkit-transition: height linear 0.3s 0.2s;
  transition: height linear 0.3s 0.2s;
}
.animate .work-type .work-services ul:before,
.animate .work-type .work-techno ul:before {
  height: 10rem;
}
.animate  .work-type .work-services ul:after,
.animate  .work-type .work-techno ul:after {
  -webkit-transform: rotate(-90deg) translate(0, 0);
  transform: rotate(-90deg) translate(0, 0);
  opacity: 1;
}

.work-type .work-techno ul:after {
  content: "Solutions";
}
.work-type .work-services {
  float: left;
  width: 36%;
}
.work-type .work-techno {
  margin-left: 36%;
}


.work-type .work-services li:nth-child(1){
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.work-type .work-services li:nth-child(2){
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.work-type .work-services li:nth-child(3){
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.work-type .work-services li:nth-child(4){
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.work-type .work-services li:nth-child(5){
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.work-type .work-services li:nth-child(6){
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.work-type .work-services li:nth-child(7){
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.work-type .work-services li:nth-child(8){
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}
.work-type .work-techno li:nth-child(1){
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.work-type .work-techno li:nth-child(2){
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.work-type .work-techno li:nth-child(3){
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.work-type .work-techno li:nth-child(4){
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}
.work-type .work-techno li:nth-child(5){
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.work-type .work-techno li:nth-child(6){
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}
.work-type .work-techno li:nth-child(7){
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.work-type .work-techno li:nth-child(8){
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}
.animate .work-type .work-services li,
.animate .work-type .work-techno li {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

a.explore-project {
  border: 1px solid #01e471;
  padding: 0 30px 0 75px;
  line-height: 58px;
  position: relative;
  display: inline-block;
  color: #210b39;
  font-family: 'Avenir', sans-serif;  
  font-weight: 600;
  font-size: 17px;
  text-decoration: none;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: -webkit-transform linear 0.5s, opacity linear 0.5s;
  transition: transform linear 0.5s, opacity linear 0.5s;
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
}
a.explore-project em {
	font-style: normal;
	opacity: 0; 
}
a.explore-project span {
	height: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px 0 75px;
	overflow: hidden;
}
a.explore-project span.explore-top {
	top: 0;
  -webkit-transition: padding ease-in 0.4s 0.5s;
  transition: padding ease-in 0.4s 0.5s;
}
a.explore-project span.explore-bottom {
	bottom: 0;
	line-height: 2px;
  -webkit-transition: padding ease-in 0.4s 0.55s;
  transition: padding ease-in 0.4s 0.55s;
}
.explore-project:after{
  background: rgba(0, 0, 0, 0) url("images/sprite.png") no-repeat scroll 0 -20px;
  content: "";
  height: 21px;
  left: 18px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 31px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.4s 0.45s linear;
  transition: transform 0.4s 0.45s linear;  
}
.animate.completed .explore-project:after {
-webkit-transition: -webkit-transform 0.4s 0s linear;
  transition: transform 0.4s 0s linear;	
}
.explore-project:before {
  background: #00e06d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  width: 0;
  position: absolute;
  right: 0;
  -webkit-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
}
.explore-project:hover:before{
  width: 100%;
}

.animate .explore-project:hover:after {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
  -webkit-transition: -webkit-transform linear 0.5s;
  transition: transform linear 0.5s;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

.work-thumbnail {
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  width: 100%;
}
video.bgvid-work, 
.poster {
  background: transparent;
  height: auto;
  float: right;
  opacity: 1;
  max-height: 850px;
  height: 100%;  
  -webkit-transition: opacity 0.75s ease 0s;  
  transition: opacity 0.75s ease 0s;  
  width: auto;
}
.work-right .splash {
  position: absolute;
  top: 0;
  -webkit-transform: translate(0,-348px);
  transform: translate(0,-348px);
  left: -440px;
  display: block;
  vertical-align: top;
  -webkit-transition: -webkit-transform .8s ease-in;
  transition: transform .8s ease-in;
   -webkit-transition-delay: .4s;
  transition-delay: .4s;
  z-index: 10;
}
.work-right .splash.splash-02 {
  left: -170px;
 -webkit-transform: translate(0,-320px);
  transform: translate(0,-320px);
   -webkit-transition: -webkit-transform 1s ease-in;
  transition: transform 1s ease-in;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  
} 
.work-right .splash.splash-03 {
  left: -30px;
  -webkit-transform: translate(0,-290px);
  transform: translate(0,-290px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
   -webkit-transition: -webkit-transform 1.3s ease-in;
  transition: transform 1.3s ease-in;
}
.work-row.animate .work-right .splash {
  -webkit-transform: translate(0,880px);
  transform: translate(0,880px);
}

.work-line {
  position: absolute;
  background: #00e06d;
}
.work-line-3 {
  width: 0;
  height: 12px;
  left: 0rem;
  top: 0rem;
  -webkit-transition: width 0.35s linear .5s;
  transition: width 0.35s linear .5s;
}
.work-line-4 {
  width: 12px;
  height: 0;
  right: 0%;
  top: 0%;
  -webkit-transition: height 0.35s linear 0.85s;
  transition: height 0.35s linear 0.85s;
}
.work-line-1 {
  width: 0;
  height: 12px;
  right: 0rem;
  bottom: 0rem;
  -webkit-transition: width 0.35s linear 1.2s;
  transition: width 0.35s linear 1.2s;
}
.work-line-2 {
  left: 0rem;
  width: 12px;
  height: 0;
  bottom: 0rem;
  -webkit-transition: height 0.35s linear 1.55s;
  transition: height 0.35s linear 1.55s;
}
.work-right-in .lines {
	right: -5.5rem;
	bottom: -6.5rem;
	width: 25rem;
	height: 25rem;
	position: absolute;
}
.animate .work-line-1,
.animate .work-line-3{
  width: 100%;
}
.animate .work-line-2,
.animate .work-line-4{
  height: 100%;
}
.leave-work .animate .work-line-1{
  width: 0%;
  transition-delay: 0s;
  transition-duration: 0.2s
}
.leave-work .animate .work-line-2{
  height: 0%;
  transition-duration: 0.2s;  
  transition-delay: 0.2s;
}
.leave-work .animate .work-line-3{
  width: 0%;
  transition-delay: 0.4s;
  transition-duration: 0.2s
}



.next-project {
  color: #00e06d;
  font-family: 'Avenir', sans-serif;  
  font-weight: 600;
  font-size: 1.7rem;
  padding-top: 60px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  margin-top: 2rem;
}
.next-project:after {
  background:  url("images/sprite.png") no-repeat 0 -20px;
  content: "";
  height: 21px;
  left: 50%;
  position: absolute;
  top: 5px;
  margin-left: -15px;
  width: 31px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.work-row.text-center {
  clear: both;
} 
.text-center {
  text-align: center;
}
.awards {
  background: #1d0239;
  height: 85px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  padding-left: 45px;
  padding-right: 0.5rem;
  display: table;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.5s linear 0.5s, opacity 0.5s linear 0.5s; 
  transition: transform 0.5s linear 0.5s, opacity 0.5s linear 0.5s;
  opacity: 0;
}
.award-titem {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding: 0 1.8rem;
}
.label-award {
  -webkit-transform: rotateZ(-90deg) translate(30%, 0);
  transform: rotateZ(-90deg) translate(30%, 0);
  font-size: 11px;
  letter-spacing: 1px;
  color: #7a5f95;
  position: absolute;
  top: 50%;
  left: 0;
  text-transform: uppercase;
}
.animate .awards {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.all-works {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}


.current-work,
.fake-work {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.fake-work {
  z-index: 1;
}
.toTop {
  -webkit-transform: scale(0.7);
  transform:  scale(0.7);
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity ease-out 0.2s; 
  transition: transform 0.2s ease-out, opacity ease-out 0.2s;
  opacity: 0;
}
.fromBottom{
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-in, opacity ease-in 0.3s; 
  transition: transform 0.3s ease-in, opacity ease-in 0.3s;
}
.toBottom {
  -webkit-transform:  scale(0.7);
  transform:  scale(0.7);
  -webkit-transition: -webkit-transform 0.2s ease-out, opacity ease-out 0.2s; 
  transition: transform 0.2s ease-out, opacity ease-out 0.2s;
  opacity: 0;
}
.fromTop{
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-in, opacity ease-in 0.3s; 
  transition: transform 0.3s ease-in, opacity ease-in 0.3s;
}
.work-inner-wrap {
  position: relative;
}
.navigation-item {
  position: relative;
  cursor: pointer;
  width: 11px;
  height: 11px;
  background: #dadada;
  vertical-align: bottom;
  font-size: 0;
  display: inline-block;
  font-size: 1.4rem;
  text-align: left;
  margin-left: 4px;
}
.navigation-item.slick-current,
.is-desktop-work .navigation-item:hover {
  background: #00e06d;
}
.nav-number {
  position: absolute;
  left: 1rem;
  top: 1.4rem;
  font-size: 12px;
  line-height: 12px;
  color: #b0adb9;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top 0.5s;
  transition: top 0.5s;

}
.nav-line-w {
  background: #d6d4da;
  width: 1px;
  height: 1.6rem;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: background 0.5s linear; 
  transition: background 0.5s linear;
}
.nav-line-w:nth-child(2n){
  left: 1.9rem;
}
.nav-line-w:nth-child(3n){
  left: 3.8rem; 
}
.nav-line-w:nth-child(4n){
  left: 5.7rem;  
}
.nav-line-w:nth-child(5n){
  left: 7.6rem; 
}
.nav-line-w:nth-child(6n){
  left: 9.5rem; 
}
.nav-line-large{
  height: 5.6rem;
  position: relative;
  background: none;
  left: 0;
}
.nav-line-large:after {
  content: "";
  height: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  background: #d6d4da;
  -webkit-transition: height 0.5s, background 0.5s , width 0.5s ;
  transition: height 0.5s, background 0.5s , width 0.5s ;
}
.slick-current .nav-line-large:after,
.is-desktop-work .navigation-item:hover .nav-line-large:after {
	width: 4px;
	height: 5.6rem;
}

.slick-current .nav-line-w,
.is-desktop-work .navigation-item:hover .nav-line-w{
  background: #00db6b;
}
.slick-current .nav-line-large{
  background: none;
}
.slick-current .nav-line-large:after,
.is-desktop-work .navigation-item:hover .nav-line-large:after {
  height: 100%;
  background: #00db6b;
}
.slick-current .nav-number,
.is-desktop-work .navigation-item:hover .nav-number {
  color: #00e06d;
  top: 0;
}
.work-navigation-wrap {
  position: absolute;
  top: auto!important;
  bottom: -8vh;
  right: 3%;
  height: auto;  
  -webkit-transition: -webkit-transform .7s ease-out 1s;
  transition: transform .7s ease-out 1s;
  z-index: 11;  
  text-align: right;
}
.work-navigation-wrap .total {
	font-weight: bold;
	font-size: 14px;
	float: right;
	color: #00e06d;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;	
}
.work-navigation-wrap .total.hide {
	opacity: 0;
}
.work-navigation-wrap .total em {
	font-style: normal;
	letter-spacing: 4px;
	position: relative;
	top: -4.5rem;
}
.work-navigation-wrap .total strong {
	color: #ebebeb;
	font-size: 24rem;
	margin-right: -2rem;
	line-height: 17rem;
	letter-spacing: 2rem;
	display: inline-block;
}
.work-menu {
	position: absolute;
	right: 100%;
	bottom: 2.5rem;
	width: 350px;
	padding-right: 13px;
}
/*.work-navigation-wrap.to-show {
  -webkit-transform: translate(-50%, 100px);
  transform: translate(-50%, 100px);
}*/
.work-navigation {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.work-navigation .slick-prev.disable,
.work-navigation .slick-next.disable {
  opacity: 0;
  visibility: hidden;
}
.work-navigation .slick-prev,
.work-navigation .slick-next {
  position: absolute;
  top: 50%;
  width: 65px; 
  margin-top: -39px;
  border: none;
  line-height: 26px;
  /*overflow: hidden; */
  cursor: pointer;
  padding: 7px 0 0;
  /*background: url(images/sprite.png) no-repeat 0 -517px;*/
/*  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);*/
  color: #00e06d;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  text-align: left;
  visibility: visible;
  will-change: transform;
  -webkit-transition: opacity .5s, background .5s, visibility .5s;
  transition: opacity .5s, background .5s, visibility .5s;
}
.work-navigation .slick-prev:before,
.work-navigation .slick-next:before {
	background: url(images/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 21px;
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 0; 
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.work-navigation .slick-prev:before {
	background: url(images/sprite.png) no-repeat -55px -20px;
}
.no-touch  .work-navigation .slick-prev:hover:before {
	-webkit-transform: translate(-.8rem,0);
  transform: translate(-.8rem,0);
}
.no-touch  .work-navigation .slick-next:hover:before {
  -webkit-transform: translate(.8rem,0);
  transform: translate(.8rem,0);
}
.work-navigation .slick-prev {
  left: -6.5rem;
}
.work-navigation .slick-next {  
  right: -6rem;
}
.slick-disabled {
  opacity: 0;
}
.next-work {
	position: absolute;
	bottom: 15px;
	right: 100%;
	z-index: 1;
	padding-left: 30px;
	color: #00e06d;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
  opacity: 0;
   -webkit-transition: opacity 0.5s 0.8s;
  transition: opacity 0.5s 0.8s;
}
.next-work:after {
	position: absolute;
	content: "";
	left: 20px;
	top: -4px;
	background: url(images/sprite.png) no-repeat -79px -246px;
	width: 12px;
	height: 40px;
  opacity: 0;
  -webkit-transition: opacity 0.5s 1s, background-position 0.5s 1s, -webkit-transform .5s;
  transition: opacity 0.5s 1s, background-position 0.5s 1s, transform .5s;
}
.next-work:hover:after {
  -webkit-transform: translate(0,.7rem);
  transform: translate(0,.7rem);
}
.animate .next-work:after { 
  background-position: -79px -226px;
  opacity: 1;
}
.animate .next-work { 
  opacity: 1;
}
.leave-work .animate .next-work { 
  opacity: 0;
}
.next-work span {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: block;
}



.portrait .work-left {
  width: auto;
  float: none;
  height: auto;
  position: absolute;
  top: 78vw;
  left: 0;
  right: 0;
  text-align: center;
}
.is-mobile-work .work-line {
  display: block;
  opacity: 0;
  -webkit-transition: opacity .5s ease .5s;
  transition: opacity .5s ease .5s;
}
.is-mobile-work .work-row.completed .work-line {
  opacity: 1;
}


@media screen and ( max-width: 480px ) {
  .portrait .work-right .work-right-in {  
    margin-top: 3rem;
  }

}
.portrait .work-description-second {
  display: none;
}
.portrait .next-work {
  display: none;
}
.portrait .work-right {
  margin-left: 0;
  height: 70vw;
  width: 66vw;
  margin: 0 auto;
}
.portrait .work-left-inner {
  padding: 0 0 3rem;
}
.portrait .work-sub-title {
  font-size: 6rem;
  line-height: 6rem;
  margin-bottom: 2rem;
}
.portrait .work-description, 
.portrait .work-description-second {
  padding-left: 9rem;
}
.portrait .work-type,
.portrait .work-description p {
  margin-bottom: 2rem;
}
.portrait a.explore-project {
  line-height: 48px;
}
.portrait .work-navigation-wrap {
  top: 106%;
}
@media screen and ( max-height: 930px ){
	.portrait .work-right {	 
	  height: 66vw;	  
	}
	.portrait .work-left {
		top: 74vw;
	}
}







/*================= Blog post entry ======================*/
.top-green-dot {
  border-radius: 52px;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background: #00e06d;
  position: absolute;
  right: 0;
  top: -100px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;

}
.active .top-green-dot {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.post-head {
	padding-top: 16rem;
	margin-bottom: 5.5rem;
  position: relative;
}
.post-hero-image a[rel=prev],
.post-hero-image a[rel=next] {
  font-size: 1.7rem;
  line-height: 2.5rem;
  color: #210b39;
  display: inline-block;  
  position: fixed;
  top: 29.5rem;
  width: 44rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.post-hero-image a[rel=prev] span,
.post-hero-image a[rel=next] span {
  position: relative;
  z-index: 2;  
  left: -2rem;
  -webkit-transition: opacity 0.5s, left  0.5s;
  transition: opacity 0.5s, left 0.5s;
  padding-left: 25px;
  opacity: 0;
  display: block;
}

.post-hero-image a[rel=prev] span em,
.post-hero-image a[rel=next] span em {
  -webkit-transform: translate3d(0,0,0);
  transform:  translate3d(0,0,0);
  font-style: normal;
}
.post-hero-image a[rel=prev] span:before,
.post-hero-image a[rel=next] span:before {
  background: url(images/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 21px;
  content: "";
  position: absolute;
  top: -1.4rem;
  left: 0;
  -webkit-transform: translate(-0.8rem, 0) rotate(90deg);
  transform: translate(-0.8rem, 0) rotate(90deg);
  -webkit-transition: top 0.3s linear 0.2s, opacity 0.3s linear 0.2s;
  transition: top 0.3s linear 0.2s, opacity 0.3s linear 0.2s;
}
.post-hero-image a[rel=prev] span:before {
	background: url(images/sprite.png) no-repeat -55px -20px;
	top: 1.4rem;
}
.post-hero-image a[rel=prev]:hover span,
.post-hero-image a[rel=next]:hover span {
  opacity: 1;
  left: 0;
} 
.post-hero-image a[rel=prev] {
  left: 0;
  -webkit-transform: translate(8rem, 45rem) rotate(-90deg);
  transform: translate(8rem, 45rem) rotate(-90deg);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.post-hero-image a[rel=prev]:hover span:before,
.post-hero-image a[rel=next]:hover span:before {
  top: 0.4rem;
}
.post-hero-image a[rel=next]{
  top: -15.5rem;
  right: 0;
  -webkit-transform: translate(-6rem, 45rem) rotate(-90deg);
  transform: translate(-6rem, 45rem) rotate(-90deg);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.post-hero-image a[rel=prev]:after,
.post-hero-image a[rel=next]:after {
  font-size: 20rem;
  font-weight: 800;
  color: #f0f0f0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: none;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  line-height: 0;
}
.post-hero-image a[rel=prev]:after{
  content: "Prev";
}
.post-hero-image a[rel=next]:after{
  content: "Next";
}
.post-head .inner {
	max-width: 1260px;
  position: relative;
}
.post-head h1,
.post-head h2 {
	color: #2f0d53;
	font-size: 6rem;
	line-height: 7rem;
	letter-spacing: 0;
	font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
	margin-bottom: 20px;
}
.post-head h2 a {
  color: #2f0d53;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.post-head h2 a:hover {
  opacity: 0.7;
}
.post-hero-image {
  position: relative;
}
.single-post .post-hero-image  {
  position: static;
}
.post-hero-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.post-hero-image img:hover {
	opacity: 0.9;
}
.caption,
.wp-caption-text {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #7f7d81;
	padding-left: 30px;
	position: relative;
}
.caption:before,
.wp-caption-text:before {
	width: 17px;
	height: 7px;
	background: #00e06d;
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
}
.wp-caption {
  margin-bottom: 5.5rem;
}
.post-meta {
	padding: 20px 0;	
	overflow: hidden
}
.post-meta-left {
	float: left;
}
.post-date {
	color: #210b39;
	font-size: 1.5rem;
}
.post-cat {
	color: #00e06d;
	text-decoration: none;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.2rem
}	
.countpost {
  display: none;
}
.post-social {
	float: right;
  margin-right: -.7rem;
}
.post-social a {
	width: 22px;
	height: 20px;
	text-indent: 999px;
	overflow: hidden;
	display: inline-block;
  vertical-align: top;
	margin: 0 6px;
	background: url(images/sprite.png) no-repeat 0 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.post-social .a2a_default_style a {
  padding: 0;
  line-height: normal;
  float: none;
}
.post-social a:hover {
  opacity: 0.7;
}
.post-social .a2a_svg {
  display: none;
}
.post-social a span {
	opacity: 0;
  display: none;
}
.post-social a.addthis_button_linkedin,
.post-social .a2a_button_linkedin {
	background-position: -238px 0;
}
.post-social a.addthis_button_twitter,
.post-social .a2a_button_twitter {
	background-position: -280px 0;
}
.post-social a.addthis_button_facebook,
.post-social .a2a_button_facebook {
	background-position: -353px 0;
}
.post-social a.addthis_button_google_plusone_share,
.post-social .a2a_button_google_plus {
	background-position: -385px 0;
}
.post-social a.addthis_button_pinterest_pinit,
.post-social .a2a_button_pinterest {
	background-position: -420px 0;
}
.post-social a.addthis_button_email,
.post-social .a2a_button_email {
	background-position: -453px 0;
}
.first-social,
.last-social {
	display: inline-block;
	vertical-align: top;
}
.vertical {
  top: 0;
  position: absolute;
  right: -100px;
  width: 60px;
  text-align: center;
}
.vertical .first-social{
  padding: 2rem 0;
  background: #210b39;
  position: relative;
}

.vertical .last-social {
  white-space: normal;
  max-width: 100%;
  max-height: 0;
  background: #f5f5f7;
  -webkit-transition: max-height 0.5s ease-in-out, padding 0.5s;
  transition: max-height 0.5s ease-in-out, padding 0.5s;
}

.vertical .first-social:before {
  bottom: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #f5f5f7;
  border-width: 10px;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  
  -webkit-transition: opacity 0.3s ease-out 0.4s;
  transition: opacity 0.3s ease-out 0.4s;
}
.first-social.expanded:before {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.vertical.post-social a {
  margin: 3px;
}
.vertical.post-social a.addthis_button_linkedin,
.vertical.post-social .a2a_button_linkedin {
  background-position: -238px -30px;
}
.vertical.post-social a.addthis_button_twitter,
.vertical.post-social .a2a_button_twitter {
  background-position: -280px -30px;
}
.vertical.post-social .only-tablet .a2a_button_facebook {
  background-position: -353px -30px;
}
.vertical.post-social .only-tablet .a2a_button_google_plus {
  background-position: -385px -30px;
}
.vertical.post-social .only-tablet .a2a_button_pinterest {
  background-position: -420px -30px;
}
.vertical.post-social .only-tablet {
  display: inline-block;
  width: 0px;
  overflow: hidden;
}
.vertical.post-social .only-tablet .a2a_button_email {
  background-position: -453px -30px;
}
.vertical .open-social {
  background-position: -322px -30px; 
}
.vertical .open-social.active {
  background-position: -483px -30px; 
}
.vertical .last-social.active{
  padding: 2rem 0;
  max-height: 150px;
}
.last-social, .post-social .only-tablet {
	max-width: 0;
	overflow: hidden;
	-webkit-transition: max-width 0.5s;
	transition: max-width 0.5s;
	white-space: nowrap;
}
.vertical.post-social .only-tablet {
  width: 127px;
  height: 22px;
}
.last-social.active {
	max-width: 150px;
}
.post-social.vertical .only-tablet.active {
  max-width: 127px;
}

.open-social {
	width: 22px;
	height: 20px;
	vertical-align: top;
	display: inline-block;
	margin: 0 6px;
	background: url(images/sprite.png) no-repeat -322px 0;	
	cursor: pointer;
}
.open-social.active {
	background-position: -483px 0
}
.inner-post {
	max-width: 800px;
	margin: 0 auto;
	position: relative
}
.inner-post img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}
.inner-post  div.aligncenter {
  margin-bottom: 3.2rem;
}
.author-side {
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 9;
	width: 200px;
	text-align: center;
}
.author-photo {
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 140px;
	margin: 0 auto 10px;
}
.author-photo img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.author-label {
	color: #00e06d;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	
}
.author-name {
	color: #210b39;
	font-weight: 800;
	font-size: 2.1rem;
}
.author-url {
	position: relative;
	font-size: 1.5rem;
	color: #b0adb9;
	padding-left: 25px;
	text-decoration: none;
}
.author-url:hover {
  text-decoration: underline;
}
.author-url:before {
	width: 15px;
	height: 13px;
	background: url(images/sprite.png) no-repeat -206px 0;
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
}

.entry-content blockquote {
	padding: 30px 0 30px 100px;
	color: #2f0d53;
	position: relative;
}
.entry-content blockquote svg {
	position: absolute;
	top: 0;
	left: 40px;	
}
.entry-content blockquote p {
	color: #2f0d53;
	font-size: 2.9rem;
	line-height: 4rem;
	font-weight: 800;
	-webkit-transform: translate3d(-2rem, 0, 0);
	transform: translate3d(-2rem, 0, 0);
	-webkit-transition: -webkit-transform 0.5s linear, opacity 0.3s;
	transition: transform 0.5s linear, opacity 0.3s;
  opacity: 0;
  margin-bottom: 0;
}
.entry-content blockquote.animate p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.entry-content .video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.entry-content iframe {
	max-width: 100%;
}
.entry-content .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.entry-content p {
	font-size: 2.1rem;
	line-height: 3.2rem;
	color: #210b39;
	margin-bottom: 3.2rem;
}
.entry-content h2 {
	font-size: 4rem;
	line-height: 4rem;
	color: #210b39;
	margin-bottom: 3.2rem;
}
.entry-content h3 {
	font-size: 3rem;
	line-height: 3rem;
	color: #210b39;
	margin-bottom: 3.2rem;
}
.entry-content h4 {
	font-size: 1.9rem;
	line-height: 1.9rem;
  font-weight: 600;
	color: #210b39;
	margin-bottom: 3.2rem;
  text-transform: uppercase;
}
.slick-slider {
  margin-bottom: 55px;  
}
.slide-inner {
	margin: 20px 40px;
	opacity: 0.3;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
  box-shadow: 0 0 10px 0 #f2f2f2;
  width: 1200px;
  cursor: pointer;
  position: relative;
}
.slick-current .slide-inner {
	opacity: 1;
  cursor: default;
}
.slick-current .slide-inner.no-parallax {
	background-position: 50% 50%!important;
}
.slide-inner img {
	max-width: 100%;
  max-height: 600px;  
  height: auto;
  margin: 0 auto;

}
.entry-content .slick-dots {
  position: absolute;
  top: 50%;
  width: 1200px;
  left: 50%;
  margin-left: -60px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-left: 0;
  width: 60px;
	margin-left: -630px;
}
.entry-content .slick-dots li {
  width: 50px;
  height: 70px;
  margin: 6px 0;
  position: relative;
  display: block;
  padding-left: 10px;
  margin-bottom: 0;
}
.single-post .post-gallery {
  background: #fff;
}
.post-gallery .slide-inner img {
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.7);
  -webkit-transition: box-shadow .5s;
  transition: box-shadow .5s;
}
.post-gallery .slick-current .slide-inner img {
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.35);
}

.post-gallery .slick-dots li:before {
  display: none;
}
.post-gallery .slick-dots li:after {
  content: "";
  background: url(images/sprite.png) no-repeat -34px -136px;
  width: 43px;
  height: 20px;
  position: absolute;
  bottom: -10.5px;
  right: 0;
}
.post-gallery .slick-dots li.slick-active .slick-arrow-line-1,
.post-gallery .slick-dots li.slick-active .slick-arrow-line-3 {
  width: 60px;
}
.post-gallery .slick-dots li.slick-active .slick-arrow-line-2 {
  height: 100%;
}
.no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-3 {
  width: 60px;
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s; 
}
.no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-2 {
  height: 100%;
  -webkit-transition-delay: 0.375s; 
  transition-delay: 0.375s; 
}
.no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-1{
  width: 60px;
  -webkit-transition-delay: 0.2s; 
  transition-delay: 0.2s; 
}
.post-gallery .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: none;
  color: #b8b8b8;
  font-size: 1.5rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  cursor: pointer;
  outline: none;
}
.no-touch .post-gallery .slick-dots li:hover button,
.post-gallery .slick-dots li.slick-active button {
  color: #1d0239;
}
.slick-arrow-line {
  position: absolute;
  background: #2ef091;
}
.slick-arrow-line-1 {
  right: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  -webkit-transition: width 0.175s linear 0.55s;
  transition: width 0.175s linear 0.55s;
}
.slick-arrow-line-2 {
  left: 0;
  bottom: 0;
  width: 4px;
  height: 0;
  -webkit-transition: height 0.175s linear 0.375s;
  transition: height 0.175s linear 0.375s;
}  
.slick-arrow-line-3 {
  left: 0;
  top: 0;
  height: 4px;
  width: 0;
  -webkit-transition: width 0.175s linear 0.2s;
  transition: width 0.175s linear 0.2s;
} 
.in .slick-arrow-line-3 {
  -webkit-transition: width 0.175s linear 0.55s;
  transition: width 0.175s linear 0.55s;
}
.in .slick-arrow-line-1 {  
  -webkit-transition: width 0.175s linear 0.2s;
  transition: width 0.175s linear 0.2s;
} 
.in.out .slick-arrow-line-1 {
  -webkit-transition: width 0.175s linear 0.55s;
  transition: width 0.175s linear 0.55s;
}
.in.out .slick-arrow-line-3 {  
  -webkit-transition: width 0.175s linear 0.2s;
  transition: width 0.175s linear 0.2s;
} 


.entry-content ul {
  list-style-type: none;
  margin-left: 6.7rem;
  padding-left: 0rem;
  margin-bottom: 4.6rem;
}
.entry-content ul li {
  padding-left: 2.4rem;
  margin-bottom: 1.1rem;
  font-size: 1.9rem;
  position: relative;
  color: #210b39;
}
.entry-content ul li:before {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.7rem;
  background: #00e06d;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1rem;

}
.entry-content ol {
  list-style-type: none;
  margin-left: 6.5rem;
}
.entry-content ol li {
  margin-bottom: 1.5rem;
  font-size: 1.9rem;
  line-height: 2.5rem;
  position: relative;
  color: #210b39;
  counter-increment: step-counter;
}
.entry-content a {
  color: #00e06d;
  font-weight: 600;
  text-decoration: none;
}
.entry-content a:hover {
  text-decoration: underline;
}
.entry-content ol li:before {
  content: counter(step-counter, decimal-leading-zero);
  font-size: 12px;
  color: #00e06d;
  -webkit-transform: translate(0, -0.3rem) rotate(-90deg);
  transform: translate(0, -0.3rem) rotate(-90deg);
  display: inline-block;
  margin-right: 2.5rem;
}    
.entry-content .tags {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding-left: 30px;
  position: relative;
}
.entry-content .tags a {
  color: #210b39;
}
.entry-content .tags span {
  color: #00e06d;
}
.entry-content .tags:before{
  width: 17px;
  height: 7px;
  background: #00e06d;
  position: absolute;
  top: 9px;
  left: 0;
  content: "";
}
.post-content {
  padding-bottom: 4rem;
}
.single-work .post-content {
	padding-bottom: 6rem;
}
.single-work .post-content {
  background: none;
}
.related-posts {
  background: #19052f;
  padding: 5rem 0;
}
.related-posts .inner {
  max-width: 1200px;
}
.related-purple h2 {
  font-size: 2.4rem;
  color: #00e06d;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  margin-bottom: 5rem;
  letter-spacing: 0.3rem;
}
.related-items {
  overflow: hidden;
}

.related-item {
  width: 46.5%;
  float: left;
}
.related-item:first-child {
  margin-right: 7%;
}
.related-item h3 {
  color: #fff;
  font-size: 3.4rem!important;
  line-height: 4rem;
  margin-bottom: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
  font-family: 'CaslonGraphiqueEF',sans-serif;
}
.related-item h3 a {
  color: #fff;
  text-decoration: none;  
  display: block;  
  overflow: hidden;  
  font-weight: normal;
}
.related-item h3 a span {
  display: block;
  -webkit-transition:  -webkit-transform 0.3s;
  transition: transform 0.3s;
   -webkit-transform: translate3d(0,0,0);  
  transform: translate3d(0,0,0);
  position: relative;
}
.related-item h3 a span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
   left: 0;
   right: 0;
  font-weight: normal;
}

.related-item h3 a:hover  span {
  -webkit-transform: translate3d(0,-100%,0);  
  transform: translate3d(0,-100%,0);
}





.related-item p {
  color: #b0adb9;
  font-size: 1.9rem;
  line-height: 2.6rem;
  margin-bottom: 1.5rem;
}
.related-more {
  position: relative;
  display: block;
  width: 41px;
  height: 21px;
}
.related-more:after {
  background: url(images/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 21px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  content: "";
}
.related-more:hover:after {
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
.related-posts .yarpp-related {
  margin: 0;
}
.related-posts .yarpp-related img {
	display: none; 
}
.recent-posts .post-hero-image {
  margin-bottom: 4.5rem;
}
.recent-posts .post-head {
  padding: 4.5rem 0 0;
  margin-bottom: 0;
}
.recent-posts .post-head:first-child .entry-content {
  padding-bottom: 3.5rem;
  border-bottom: 1px solid #efeff1;
}
.entry-content .post-more {
  border: 1px solid #01e471;
  padding: 2rem 2.5rem 2rem 7rem;
  position: relative;
  color: #210b39;
  text-decoration: none;
  font-size: 1.7rem;
  line-height: 1.7rem;
  display: inline-block;
} 
.entry-content .post-more:hover {
  text-decoration: none;

}
.post-more:after {
  background: url(images/sprite.png) no-repeat 0 -20px;
  width: 31px;
  height: 21px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 2rem;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  content: "";
}
.entry-content .post-more:hover:after {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.entry-content .post-more:before {
  background: #00e06d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  width: 0;
  position: absolute;
  right: 0;
  -webkit-transition: width 0.5s ease 0s;
  transition: width 0.5s ease 0s;
}
.entry-content .post-more:hover:before{
  width: 100%;
}
.page-template-work-page {
  overflow-y: scroll;
}

.single-post #footer,
.archive #footer,
.page-template-blog-page #footer,
.page-template-work-page #footer {
  background: #fff;
}
.single-post #footer .inner,
.archive #footer .inner,
.page-template-blog-page #footer .inner,
.page-template-work-page #footer .inner{
  border-color: #dddce1;
}
.single-post #footer .socials li a,
.archive #footer .socials li a,
.page-template-blog-page #footer .socials li a,
.page-template-work-page #footer .socials li a{
  opacity: 1;
}
.single-post #footer nav li a:hover,
.archive #footer nav li a:hover,
.page-template-blog-page #footer nav li a:hover,
.page-template-work-page #footer nav li a:hover {
  color: #565169;
}
.recent-posts {
  padding-bottom: 10rem
}
.single-post #footer .socials li a:hover,
.archive #footer .socials li a:hover,
.page-template-blog-page #footer .socials li a:hover,
.page-template-work-page #footer .socials li a:hover {
  opacity: 0.5;
}
.single-post #footer .socials li.twt-icon a,
.archive #footer .socials li.twt-icon a,
.page-template-blog-page #footer .socials li.twt-icon a,
.page-template-work-page #footer .socials li.twt-icon a {
  background-position: -41px -183px;
}

.single-post #footer .socials li.linkedin-icon a,
.archive #footer .socials li.linkedin-icon a,
.page-template-blog-page #footer .socials li.linkedin-icon a,
.page-template-work-page #footer .socials li.linkedin-icon a {
  background-position: 0px -183px;
}

.single-post #footer .socials li.instagram-icon a,
.archive #footer .socials li.instagram-icon a,
.page-template-blog-page #footer .socials li.instagram-icon a,
.page-template-work-page #footer .socials li.instagram-icon a {
  background-position: -88px -183px;
}
.single-post #footer .socials li.fb-icon a,
.archive #footer .socials li.fb-icon a,
.page-template-blog-page #footer .socials li.fb-icon a,
.page-template-work-page #footer .socials li.fb-icon a {
  background-position: -134px -183px;
}
.page-template-work-page #footer {
  display: block!important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fcfcfc;
}
.single-post .site-content {
  background: url(images/post-bg.jpg) no-repeat 0 0;
}
.post-content {
  background: url(images/post-bg.jpg) no-repeat 0 80%;
}

/*===================== BLOG ==========================*/
.insight-row a em {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.insight-row a:hover em {
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
.insights-wrap .inner,
.header-blog .inner{
  max-width: 1060px;
}
.header-blog {
  padding: 14rem 0 8rem;  
  text-align: center;
  position: relative;
}
.header-blog .head-circle {
  bottom: 3rem;
  top: auto;
  right: 7%;
}
.header-blog a em.arrow {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; 
}
.header-blog a:hover em.arrow {
  -webkit-transform: translate(2rem, 0);
  transform: translate(2rem, 0);
}
.header-blog h2 {
  color: #fff;
  font-weight: 400;
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-size: 7rem;
  line-height: 8rem;
  margin-bottom: 4rem;
}
.header-blog h2 a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.header-blog h2 a:hover {
  opacity: 0.7;

}
.header-blog p {
  color: #fff;
  font-size: 1.9rem;
  margin-bottom: 4rem;
  opacity: 0.8;

}
.insights-wrap {
  background: #fff url(images/blog-bg.jpg) no-repeat center 0;
  background-size: 100% auto;
  opacity: 0;
  -webkit-transform: translate(0, 400px);
  transform: translate(0, 400px);
  -webkit-transition: -webkit-transform 0.7s 0.8s, opacity 0.3s;
  transition: transform 0.7s 0.8s, opacity 0.3s;
}
.animate.insights-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.insights-wrap .insights,
.insights-wrap .insight-row a {
  background: transparent;
}
.insights-wrap .insights a{
  position: relative;
  padding: 3rem 0 7rem;
}
.insights-wrap .insight-row a:after {
  width: 0;
  height: 1.5rem;
  left: 50%;
  margin-left: -5rem;
  position: absolute;
  content: "";
  bottom: 2.5rem;
  -webkit-transition: width linear 0.5s;
  transition: width linear 0.5s;
  background: #00e06d;
}
.insights-wrap .insight-row a:hover:after {
  width: 10rem;
} 
.filter-by-cat {
	color: #210b39;
  cursor: pointer;
  font-size: 1.9rem;
  line-height: 1.9rem;
  padding: 1.5rem 3rem 1.5rem 1rem;
  border: 1px solid #ccc;
  position: relative;
  text-transform: uppercase;
  display: none;
}
.filter-by-cat:after {
	top: 50%;
	right: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: transparent;
	border-top-color: #00e06d;
	border-width: 10px;
	margin-top: -5px;
	border-radius: 3px;
}
.filter-by-cat.active:after {
	border-top-color: transparent;
	border-bottom-color: #00e06d;
	margin-top: -15px;
}



.filter-insights {
  padding: 5rem 0 6rem;
}
.filter-insights ol {
  list-style-type: none;
}
.filter-insights ol li {
  margin: 0 2.5rem;
  font-size: 1.8rem;
  line-height: 1.9rem;
  position: relative;
  color: #210b39;
  padding: 1.5rem 0;
  display: inline-block;
  text-transform: uppercase;
  counter-increment: step-counter;
  cursor: pointer;
  -webkit-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}
.animate .filter-insights ol li {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.animate .filter-insights ol li:nth-child(1) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.animate .filter-insights ol li:nth-child(2) {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
.animate .filter-insights ol li:nth-child(3) {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.animate .filter-insights ol li:nth-child(4) {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.animate .filter-insights ol li:nth-child(5) {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.animate .filter-insights ol li:nth-child(6) {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
.animate .filter-insights ol li:nth-child(7) {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}






.filter-insights ol li:first-child {
  margin-left: 0;
}
.filter-insights ol li:before {
  content: counter(step-counter, decimal-leading-zero);
  font-size: 12px;
  color: #b0adb9;
  -webkit-transform: translate(0, -0.3rem) rotate(-90deg);
  transform: translate(0, -0.3rem) rotate(-90deg);
  display: inline-block;
  margin-right: 1.5rem;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
} 
.filter-insights ol li:after {
  content: "";
  height: 0.4rem;
  background: #2ef091;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.filter-insights ol li.active:before,
.no-touch .filter-insights ol li:hover:before {
  color: #00e06d;
}
.filter-insights ol li.active:after,
.filter-insights ol li:hover:after,
.no-touch .filter-insights ol li:hover:after {
  width: 100%;
}
.markings {
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  -webkit-transition: width 0.7s 1.5s;
  transition: width 0.7s 1.5s;
}
.animate .markings {
  width: 100%;
}
.markings span {
  background: #d6d4da;
  width: 1px;
  height: 1.6rem;
  margin-right: 1.9rem;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}
.markings span.m-large {
  height: 4.6rem;
}
.markings span:after {
  background: #00db6b;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.markings span.active:after,
.markings span.current:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
} 
.see-more {
  padding: 2rem 3rem;
  border: 1px solid #01e471;
  font-size: 1.7rem;
  line-height: 1.7rem;
  color: #210b37;
  display: inline-block;
  margin: 5rem 0 9rem;
  cursor: pointer;
  
  position: relative;
}
.see-more:after {
  content: "";
  background:  #01e471;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 100%;
  height: 5px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  box-sizing: border-box;
}
.see-more:hover:after {
 width: 100%;
}
/* work detail page*/
.work-video {
  position: relative;
  overflow: hidden;
  height: 100vh;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  background: #fff;
}
.work-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.head-work-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.v-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  opacity: 0.6;  
  z-index: 1;
}
.work-video .inner {
  height: 100%;
  position: relative;
}
.work-head {
  position: absolute;
  left: 3rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 9;
  max-width: 545px;
  margin-left: 66px;
}
.work-head h1 {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.4rem;
  opacity: 0;
  -webkit-transform: translate(0, 3rem);
  transform: translate(0, 3rem);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.animate.work-head h1,
.animate .work-head-sub  { 
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.work-head-sub {
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 9rem;
  line-height: 10rem;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(0, 3rem);
  transform: translate(0, 3rem);
  -webkit-transition: -webkit-transform 0.5s 0.3s, opacity 0.5s 0.3s;
  transition: transform 0.5s 0.3s, opacity 0.5s 0.3s;
}
@-webkit-keyframes down {
  0% { -webkit-transform: scale(1) translate(0,0);}
  50% { -webkit-transform: scale(1.1) translate(0,0.5rem);}
  100% { -webkit-transform: scale(1) translate(0,0);}
}
@keyframes down {
  0% { transform: scale(1) translate(0,0);}
  50% { transform: scale(1) translate(0,0.5rem);}
  100% { transform: scale(1) translate(0,0);}
}

.work-down {
  position: absolute;
  bottom: 5.5rem;
  left: 50%;
  z-index: 9;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background: #01e471;
  border: 2px solid #01e471;
  border-radius: 50%;
  -webkit-animation: down  .4s  infinite;
  animation: down  .4s  infinite;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.work-down:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 50px;
  background: url(images/sprite.png) no-repeat -60px -216px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.to-replace .work-down {
	opacity: 0;
}
.intro {
  padding: 12.5rem 0 15.2rem;
  position: relative;
  min-height: 1000px;
  perspective: 10000px;
}
.intro.no-height {
	min-height: 1px;
}
.intro.left-style {
  padding-bottom: 0px;
  min-height: 1px;
  padding-bottom: 10rem;
}
.intro.active,
.intro.active + .bg-blocks,
.intro.active + .bg-blocks .post-gallery .slick-current .slide-inner img,
body.crossed {
  cursor: url('images/close-cur.png'), url('http://isadoradesign.com/wp-content/themes/id16-theme/images/close-cur.cur'), move;
}

#intro .slick-slide img {
  width: 100%;
  height: auto;
  vertical-align: top; 
}
.laptop-slide {
	 background: #fff url(images/progress.gif) no-repeat 50% 50%;
}
#intro .mCustomScrollbar,
.mobi-carousel .mCustomScrollbar {
  height: 100%;
}
#intro .mCSB_inside>.mCSB_container,
.mobi-carousel .mCSB_inside>.mCSB_container {
  margin-right: 0px;
}
#intro .drag-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  cursor: pointer;
}
#intro .slick-current .drag-box {
	cursor: -webkit-grab;
  cursor: grab;
  cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/hand.cur), pointer;
}
#intro .slick-current .drag-box.grabbing {
  cursor: grabbing;
  cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/grabbing.cur), pointer;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.intro .inner {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.intro.left-style .inner {
  overflow: hidden;
  padding-bottom: 0rem;
}
.intro.active .inner,
.crossed .work-video,
.crossed .bg-blocks,
.crossed .ideals,
.crossed .large-image-right,
.crossed .parallax-single-photo,
.crossed .work-quote,
.crossed .text-carousel-wrap,
.crossed .mobi-block,
.crossed .services-nav,
.crossed #footer,
.crossed .swiper-container,
.crossed .intro .inner,
.crossed .intro .laptop-carousel,
.crossed .intro .mouse-click ,
.crossed .intro .scroll-icon  {
  opacity: 0.2;
  filter: blur(5px);
  -webkit-filter: blur(5px); 
  -moz-filter: blur(5px);  
  -ms-filter: blur(5px);
  -webkit-transform: translateZ(-250px);
  transform: translateZ(-250px);
}
.crossed .intro.left-style.active .laptop-carousel,
.crossed .intro.left-style.active .mouse-click,
.crossed .intro.active .laptop-carousel,
.crossed .intro.active .mouse-click,
.crossed .intro.active .scroll-icon  {
  opacity: 1;
  filter: none;
  -webkit-filter: none; 
  -moz-filter: none;  
  -ms-filter: none;
  -webkit-transform: initial;
  transform: initial;	
}
.intro:after {
  display: block;
  content: "";
  clear: both;
}
.intro .statement h3 {
  font-size: 5.4rem;
  line-height: 7rem;
  color: #2f0d53;
  padding-bottom: 4.4rem;
  letter-spacing: 0.1rem;
  opacity: 0;
  -webkit-transform: translate(-4rem, 0);
  transform: translate(-4rem, 0);
  -webkit-transition: -webkit-transform .7s, opacity .7s;
  transition: transform .7s, opacity .7s;
}
.intro .statement .entry {
  position: relative;
  color: #210b39;
  font-size: 2.3rem;
  line-height: 3.5rem;
  opacity: 0;
  padding-right: 8%;
  -webkit-transform: translate(0, -3rem);
  transform: translate(0, -3rem);
  -webkit-transition: -webkit-transform .5s linear .3s, opacity .5s linear .3s;
  transition: transform .5s linear .3s, opacity .5s linear .3s;
}
.intro .statement .entry em {
	font-style: normal;
}
.intro .accolades {  
  background: none;
  height: auto;
  position: relative;
  left: 0;
  z-index: 100;
  padding: 10.4rem 0 0 3.9rem; 
}
.intro .accolades:before {
	content: "AWARDS";
  -webkit-transform: rotate(-90deg) ;
  transform: rotate(-90deg) ;
  position: absolute;
  top: 16rem;
  left: -4.2rem;
  width: 10rem;
  text-align: right;
  color: #00e06d;
  opacity: 1;
  font-family: 'Avenir', sans-serif;  
  font-weight: 400;
  line-height: 0; 
  font-size: 1.3rem;
  text-transform: uppercase;  
  letter-spacing: 0.1rem;
}
.intro .statement-top.animate h3, 
.intro .statement-top.animate .entry {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.intro .statement-top .entry p a {
	color: #00e06d;
  font-weight: 600;
  text-decoration: none;
}
.intro .statement-top .entry p a:hover {
	text-decoration: underline;
}
.intro .statement {
    float: left;
    box-sizing: border-box;
    padding-right: 1.5%;
    width: 50%;
    padding-left: 5%;
}
.intro.left-style .statement {
  float: right;  
}
.intro.left-style .right-intro  {
  display: none;
}
.right-intro {
  margin-left: 50%;
}
.right-intro  .work-type {
  padding-left: 30%;
  padding-top: 2.7rem;
}
.right-intro .work-type ul li {
	font-size: 1.7rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}
.right-intro .work-type .work-services,
.right-intro .work-type .work-techno {
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 50%;
  margin-left: -4px;  
  box-sizing: border-box;
}
.right-intro .work-type .work-services {
  padding-right: 3.2rem;
}
.mouse-click {
  /*background: url(images/sprite.png) no-repeat 0 -291px;*/
  width: 110px;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -55px;
  z-index: 99;
  cursor: pointer;
  -webkit-transition: opacity 0.3s, visibility .3s;
  transition: opacity 0.3s, visibility .3s;
}
.mouse-click:after {
	background: url(images/sprite.png) no-repeat 0 -291px;
  width: 110px;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -55px;
  margin-left: -55px;
  z-index: 99;
  cursor: pointer;
  content: '';
}
.mouse-click.active {
  background-position: 0 -435px;
}
.active .mouse-click {
  opacity: 0!important;
  cursor: default;
  visibility: hidden;
}
.mouse-click.active:after {
  display: none;
}

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); opacity: 0.7;}
  50% { -webkit-transform: scale(1.1); opacity: 1;}
  100% { -webkit-transform: scale(1); opacity: 0.7;}
}
@keyframes pulse {
  0% { transform: scale(1); opacity: 0.7;}
  50% { transform: scale(0.8); opacity: 1;}
  100% { transform: scale(1); opacity: 0.7;}
}

.mouse-click i {
  width: 33px;
  height: 33px;
  position: absolute;
  -webkit-animation: pulse  .8s  infinite;
  animation: pulse  .8s  infinite;
  top: 15px;
  left: 25px;
  z-index: 100;  
  background: rgba(255,255,255, 0.5);
  border-radius: 60px
}
.mouse-click:before{
	background: #00e06d;
	width: 108px;
	height: 108px;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content: '';
	border-radius: 50%;
	display: block;
	-webkit-transition: width 0.3s, height .3s;
  transition: width 0.3s, height .3s;
}
.mouse-click:hover:before {
	width: 118px;
	height: 118px;
}
.laptop-position.animate.active {  
  z-index: 99;
}
.laptop-position.active .slick-list {
	overflow: visible;
}

.laptop-position.animate {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); 
  opacity: 1;
  right: -200px;
}
.intro.left-style .laptop-position.animate {
  right: auto;
  left: -200px;
}
.laptop-position.tablet-view.animate {
	right: -85px;
}
.intro.left-style .laptop-position.tablet-view.animate {
  left: -85px;
  right: auto;
}
.laptop-position {
  position: absolute;
  width: 905px;
  right: -400px;
  top: 44rem;
  opacity: 0;
  z-index: 99;  
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, right 0.5s, left 0.5s;
  transition: transform 0.5s, opacity 0.5s, right 0.5s, left 0.5s;
}
.intro.left-style .laptop-position {
  right: auto;
  left: -400px;
}
.laptop-position.tablet-view {
	width: 772px;	
	bottom: 14rem;
} 
.intro.left-style .laptop-position.tablet-view,
.intro.left-style .laptop-position {
 bottom: auto;
 top: 20rem
}
.laptop-wrap {
  position: relative;
  /*height: 756px;*/
}
.laptop-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  z-index: 98;
}
.laptop-wrap .to-open {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  display: block;
  z-index: 98;	
  cursor: pointer;
}
.intro.active .laptop-wrap:before,
.intro.active .laptop-wrap .to-open {
  display: none;
}
.laptop-carousel {
  margin-bottom: 0;  
}
.left-style .laptop-carousel {  
  width: 772px;
  margin:  0 auto;
}
.laptop-carousel  .slick-track {
  padding-bottom: 60px;
}
.laptop-slide {
  width: 905px;
  height: 566px;
  margin: 0 25px;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0.5;
  position: relative;
}
.laptop-position.tablet-view .laptop-slide  {
	width: 772px;
	height: 585px;
}
.laptop {
  position: absolute;
  top: -85px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(images/laptop.png) no-repeat 0 0;
  width: 1401px;
  height: 756px;
  z-index: 99; 
  pointer-events: none;
}
.laptop .side {
  pointer-events: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;  
  left: 1208px;
  width: 1000px;
  background: transparent;
  display: block;
  display: none;
  visibility: hidden;
}
.tablet-view .laptop .side {
  left: 960px
}
.intro.active .laptop .side  {
  display: block;
}
.laptop .side.right {  
  right: 1208px;
  left: auto;
  visibility: hidden;
}
.tablet-view .laptop .side.right {
  right: 960px;
  left: auto;
}
.laptop-position.tablet-view .laptop {
	background: url(images/tablet-frame.png) no-repeat 0 0;
	width: 988px;
	height: 778px;
}
.slick-current .laptop-slide {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.laptop-carousel .slick-prev,
.laptop-carousel .slick-next {
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  background: #00e06d;
  border-radius: 60px;
  margin-left: 450px;
  border: none;
  overflow: hidden;
  text-indent: 999px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.laptop-carousel .fake {
	position: absolute;
	left: 50%;
	margin-left: 450px;
	width: 60px;
	top: 0;
	bottom: 0;	
	z-index: 99;
}
.tablet-view .laptop-carousel .fake {
	margin-left: 395px;
}
.laptop-carousel .slick-disabled {
	opacity: 0.5;
	cursor: default;
}
.left-style .laptop-carousel .slick-prev,
.left-style .laptop-carousel .slick-next {
  margin-left: -57px;
  left: 0;
}
.tablet-view .laptop-carousel .slick-prev,
.tablet-view .laptop-carousel .slick-next {
  margin-left: 395px;
}
.left-style .tablet-view .laptop-carousel .slick-prev,
.left-style  .tablet-view .laptop-carousel .slick-next {
  margin-left: -65px;
  left: 0;
}
.laptop-carousel .slick-prev {
  margin-bottom: -65px;
}
.laptop-carousel .slick-next {
  margin-top: -65px;
}
.laptop-carousel .slick-prev:before,
.laptop-carousel .slick-next:before {
  background: url(images/sprite.png) no-repeat 0 0;
  position: absolute;
  content: "";
  width: 31px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.laptop-carousel .slick-prev.slick-disabled:before,
.laptop-carousel .slick-next.slick-disabled:before {
	-webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}
.laptop-carousel .slick-prev:before {
  background-position: -116px -251px
}
.laptop-carousel .slick-next:before {
  background-position: -116px -218px
}
.laptop-carousel .slick-prev:hover:before {
  -webkit-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%);
}
.laptop-carousel .slick-next:hover:before {
  -webkit-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%);
}



.single-work .post-gallery.slick-slider {
  margin-bottom: 0;
  padding-top: 6rem;
}
.single-work #intro + .bg-blocks .post-gallery.slick-slider {
  padding-top: 1rem;
}
.bg-blocks {
  position: relative;
  z-index: 0;
}
.bg-blocks:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 125rem;
  display: block;
  content: '';
  background: url(images/gray.jpg) no-repeat 50% 100%;
  background-size: 100% auto;
}
.ideals {
  overflow: hidden;
  text-align: center;
  padding-bottom: 5rem;
  padding-top: 5.1rem;
}
.ideals h2 {
  text-align: center;
  color: #20063c;
  font-family: 'Avenir Book';
  font-weight: 400;
  font-size: 2.4rem;
  letter-spacing: 0.4rem;
  text-transform: uppercase;
  margin-bottom: 7rem;
  position: relative;
  z-index: 2;
}
.ideals-wrap {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 8rem 7% 0;
  position: relative;
  width: 45%;
  z-index: 10;
}
.ideals-wrap:before{
  content: attr(data-number);
  color: #ebebeb;
  font-family: "Avenir",sans-serif;
  font-size: 24rem;
  font-weight: 700;
  left: -1rem;
  line-height: 0;
  position: absolute;
  top: 10rem;
  z-index: 2;
  -webkit-transform: translate(0px, -5rem);
  transform: translate(0px, -5rem);
   -webkit-transition: -webkit-transform 0.5s ease-in, opacity 0.5s ease-in;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  opacity: 0;
}
.animate .ideals-wrap:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.ideals-inner {
  position: relative;
  z-index: 3;
}
.animate .ideals-inner p,
.animate .ideals-inner h3 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.ideals-inner h3 {
  color: #2f0d53;
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 4.2rem;
  margin-bottom: 3rem;
  letter-spacing: 0.1rem;
  -webkit-transform: translate(-7rem, 0px);
  transform: translate(-7rem, 0px);
  -webkit-transition: -webkit-transform 0.5s ease-in, opacity 0.5s ease-in;
  transition: transform 0.5s ease-in, opacity 0.5s ease-in;
  opacity: 0;
}
.ideals-inner p {
  font-size: 4.2rem;
  margin-bottom: 3rem;
  font-size: 1.9rem;
  -webkit-transform: translate(0, 7rem);
  transform: translate(0, 7rem);
  -webkit-transition: -webkit-transform 0.5s ease-out .1s, opacity 0.5s ease-out .1s;
  transition: transform 0.5s ease-out .1s, opacity 0.5s ease-out .1s;
  opacity: 0;
}
.sliding-item {
  margin: 1rem 5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: relative;
}
.sliding-item img {
	vertical-align: top;
}

.sliding-title {
  color: #00e06d;
  font-size: 12px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  max-height: 50px;
  left: 100%;
  z-index: 9;
  margin-left: 1rem;
}
.sliding-title span {
  display: inline-block;
  -webkit-transform: rotateZ(-90deg) translate(-100%, 0px);
  transform: rotateZ(-90deg) translate(-100%, 0px);
  display: inline-block;
  text-align: right;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  width: 35rem;
}


/*swiper*/
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {   
  width: auto!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-wrapper {
height: auto;
}
.swiper-container {
  padding: 5rem 0 10rem;
  margin-bottom: 0;
  cursor: -webkit-grab;
  cursor: grab;
  	cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/hand.cur), pointer;
}
.swiper-container.grabbing {
	cursor: grabbing;
	cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/grabbing.cur), pointer;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.large-image-right-wrap {
  background-position: 90% 0;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  z-index: 2;
  perspective: 1000px;
  -webkit-touch-callout: none; 
  -webkit-user-select: none; 
  -khtml-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}
.flipbook img {
	max-width: 100%;
	height: auto;
}
.large-image-right {  
  background-color: #1d0239;
  color: #fff; 
  position: relative;
}
.large-image-right-description {
  width: 50%;
  float: left;
  padding: 20rem 8% 20rem 0;
  box-sizing: border-box;
}
.large-image-right-image {
  margin-left: 50%;
  padding: 10rem 0;
}
.large-image-right-description h2 {
  font-size: 5.4rem;
  line-height: 7rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 3rem;
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}
.large-image-right-description p {
  font-size: 2.3rem;
  line-height: 3.5rem;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}
.animate .large-image-right-description p,
.animate .large-image-right-description h2 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.text-bg {
  font-size: 40rem;
  line-height: normal;
  color: #2b0d49;
  font-weight: 900;
  position: absolute;
  top: 60%;
  text-align: left;
  left: -3rem;
  right: 0;
}
.text-bg.sn-pxg U.pxg-set S,
.text-bg.sn-pxg U.pxg-set {
	width: 100%!important;
}
.parallax-single-photo { 
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: auto 120%;
  position: relative;
  z-index: 2;
}
.parallax-single-photo img {
	width: 100%;
	height: auto;
	vertical-align: top;
	display: block;
	max-height: 770px;
	min-height: 250px;
}

.work-quote {
  background: url(images/gray.jpg) no-repeat 50% bottom;
  background-size: cover;
  padding: 18rem 0;
  position: relative;
}
.work-quote-inner {
  z-index: 2;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.work-quote-inner .quotes-wrap {
  position: relative;
}
.work-quote-inner h2 {
  font-size: 5.4rem;
  line-height: 7rem;
  color: #2f0d53;
  margin-bottom: 5rem;
  -webkit-transform: translate(-3rem, 0);
  transform: translate(-3rem, 0);
  opacity: 0;
  letter-spacing: 0.1rem;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.work-quote-inner p {
  padding-left: 10rem;
  font-size: 2.3rem;
  padding-bottom: 3rem;
  line-height: 3.5rem;
  position: relative;
  -webkit-transform: translate(0, 3rem);
  transform: translate(0, 3rem);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.animate .work-quote-inner h2,
.animate .work-quote-inner p,
.animate .text-carousel {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.background-quote {
  font-size: 40rem;
  font-weight: 900;
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #f6f6f6;
}
.text-carousel {
  margin-left: 10rem;
  padding: 6rem 10rem 6rem 0;
  background: #1d0239; 
  text-align: center;
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.text-carousel-wrap {
  background: #fcfcfc;
}
.text-carousel-inner .text-slide {
  opacity: 0;
  -webkit-transition: opacity 1s 0.2s;
  transition: opacity 1s 0.2s;
}
.text-carousel-inner .text-slide.slick-current {
  opacity: 1;
}
.text-slide-title {
  font-size: 1.8rem;
  color: #01e471;
  letter-spacing: 0.5rem;
  margin-bottom: 1.5rem;
}
.text-slide-text {
  color: #fff;
  font-family: 'CaslonGraphiqueEF',sans-serif;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 5rem;
  margin-bottom: 2rem;
}
.text-slide-attr {
  color: #806c96;
  font-size: 1.9rem;
  margin-bottom: 2rem;
}
.text-carousel-inner {
  padding: 0 68px;
}
.text-carousel-inner .slick-dots {
  list-style-type: none;
}
.text-carousel-inner .slick-dots li {
  display: inline-block;
  margin: 0 0.6rem;
}
.text-carousel-inner .slick-dots li button {
  overflow: hidden;
  border: none;
  width: 7px;
  height: 7px;
  background: #fff;
  padding: 0;
  text-indent: 999px;
  border-radius: 7px;
  cursor: pointer;
}
.text-carousel-inner .slick-dots li.slick-active button {
  background: #00e06d;
}
.text-carousel-inner .slick-prev,
.text-carousel-inner .slick-next {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -34px;
  /*border: 1px solid #00e06d;*/
  border: none;
  background: none;
  border-radius: 68px;
  text-indent: 999px;
  margin-top: -34px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: url(images/sprite.png) no-repeat -185px -424px;
}
.text-carousel-inner .slick-prev.slick-disabled,
.text-carousel-inner .slick-next.slick-disabled {
	cursor: default;
	opacity: 0.5;
	background: url(images/sprite.png) no-repeat -185px -506px;
}
.text-carousel-inner .slick-prev {
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
.text-carousel-inner .slick-next {
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
}
.text-carousel-inner .slick-prev:before,
.text-carousel-inner .slick-next:before{
  background: url(images/sprite.png) no-repeat 0 0;
  position: absolute;
  content: "";
  width: 31px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.5s;
  transition: transform 0.3s, opacity 0.5s;
}
.text-carousel-inner .slick-prev.slick-disabled:before,
.text-carousel-inner .slick-next.slick-disabled:before {
  -webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}
.text-carousel-inner .slick-prev:before {
  background-position: -116px -251px
}
.text-carousel-inner .slick-next:before {
  background-position: -116px -218px
}
.text-carousel-inner .slick-prev:hover:before {
  -webkit-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%);
}
.text-carousel-inner .slick-next:hover:before {
  -webkit-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%);
}
.full-video {
  position: relative;
  overflow: hidden;
  height: 60rem;
}
.full-video-wrap.is-mobile-video .full-video {
	height: auto;
	overflow: visible;
}
.full-video-wrap.is-mobile-video video {
	position: static;
	min-height: 1px;
}
.full-video video {
  vertical-align: top;
  height: auto;
  left: 0%;
  min-height: 100%;
  width: 100%;
  opacity: 1;
  position: absolute;
  top: 0%;
  transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%); 
  width: 100%;
  z-index: 1; 
}
.full-video .play-icon {
  position: absolute;
/*  left: 50%;
  top: 50%;
  width: 110px;
  height: 110px;
  background: url(images/sprite.png) no-repeat -169px -291px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);*/
  cursor: pointer;  
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;  
  z-index: 2; 
}  
.full-video .play-icon:before {
	 position: absolute;
  left: 50%;
  top: 50%;

  width: 110px;
  height: 110px;
  background: url(images/sprite.png) no-repeat -169px -291px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  content: '';
  -webkit-transition: opacity 0.5s;  
  transition: opacity 0.5s;  
}
.full-video .play-icon:hover:before {
  opacity: 0.75; 
}
.full-video  .pause-layout {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3; 
  display: none;
  cursor: pointer; 
}
.full-video  .pause-layout.hide em {
	opacity: 0;
}
.full-video  .pause-layout em {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 110px;
	height: 110px;
	display: block;
	opacity: 1;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
	background: url(images/sprite.png) no-repeat -169px -608px;
}
.full-video  .pause-layout em i {
	position: absolute;
	top: 91px;
	left: 21px;
	right: 20px;
	height: 3px;
	display: block;	
}
.full-video  .pause-layout em i b {
  display: block;
  height: 3px;
  background: #fff;
  width: 0;
}
.mobi-block {
  padding: 23rem 0;
  background: #fcfcfc url(images/work-mobi-bg.jpg) repeat-y 0 0;
}
.mobi-carousel-wrap {
  width: 268px;
  height: 482px;
  margin: 0 auto;  
  position: relative;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}
.mobi-carousel-wrap .drag-area {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;	
	z-index: 22;
}
.mobi-carousel-wrap{
	cursor: grab;
	cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/hand.cur), pointer;
}
.mobi-carousel-wrap.grabbing {
	cursor: grabbing;
	cursor: url(http://isadoradesign.com/wp-content/themes/id16-theme/images/grabbing.cur), pointer;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.sliding-block:active {
	cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}


.animate .mobi-carousel-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.mobi-carousel {
  width: 8316px;
  -webkit-transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  cursor: default;
}
.mobi-carousel {
  -webkit-transform: translate(-268px, 0);
  transform: translate(-268px, 0);
}

.mobi-carousel-slide {
  float: left;
  width: 268px;
  height: 481px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.7s, opacity 0.7s;
  transition: transform 0.7s,  opacity 0.7s;
  z-index: 1;
  opacity: 0;
  background: #fff;
  position: relative;
}
.phone-skin {
  background: url(images/phone2.png) no-repeat 0 0;
  /*width: 341px;
  height: 667px;*/
  width: 364px;
  height: 690px;
  position: absolute;
  top: -102px;
  left: -45px;
  z-index: 10;
}
.mobi-carousel-slide.active {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 2;
  opacity: 1;
}
.mobi-carousel-slide .mCSB_scrollTools {
  visibility: hidden;
}
.mobi-carousel-slide.active .mCSB_scrollTools {
  visibility: visible;
}
.animate .mobi-carousel-slide.active {
  opacity: 1;
}
.mobi-carousel-slide.prev-slide {
  -webkit-transform: rotate(0deg) translate(180px, 150px);
  transform: rotate(0deg) translate(180px, 150px);
  box-shadow: -2px 2px 15px 0 #ccc;
}
.mobi-carousel-slide.next-slide {
  -webkit-transform: rotate(0deg) translate(-180px, 150px);
  transform: rotate(0deg) translate(-180px, 150px);
  box-shadow: 2px 2px 15px 0 #ccc;
}
.mobi-carousel-slide.next-slide > .content {
	position: relative;
}
.mobi-carousel-slide.next-slide > .content:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	z-index: 999;
}
.animate .mobi-carousel-slide.prev-slide {
  -webkit-transform: rotate(-20deg) translate(80px, 50px);
  transform: rotate(-20deg) translate(80px, 50px);
  opacity: 1;
}
.animate .mobi-carousel-slide.prev-slide:before,
.animate .mobi-carousel-slide.next-slide:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  display: block;
  z-index: 2;
}
.animate .mobi-carousel-slide.next-slide {
  -webkit-transform: rotate(20deg) translate(-80px, 50px);
  transform: rotate(20deg) translate(-80px, 50px);
  opacity: 1;
}
.mobi-block:after {
  clear: both;
  display: block;
  content: "";

}
.mobi-prev,
.mobi-next {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  top: 50%;
  position: absolute;
  z-index: 99;
  width: 60px;
  height: 60px;
  background: #00e06d;
  border-radius: 60px;
  border: none;
  overflow: hidden;
  text-indent: 999px;
  padding: 0;
  cursor: pointer;
}
.mobi-prev.disable,
.mobi-next.disable {
  opacity: 0.5;
  cursor: default;
}
.mobi-prev {
   left: -100px; 
}
.mobi-next {
  right: -100px;
}
.mobi-prev:before,
.mobi-next:before{
  background: url(images/sprite.png) no-repeat 0 0;
  position: absolute;
  content: "";
  width: 31px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.mobi-prev.disable:before,
.mobi-next.disable:before {
	-webkit-transform: translate(-50%, -50%)!important;
  transform: translate(-50%, -50%)!important;
}
.mobi-prev:before {
  background-position: -116px -251px
}
.mobi-next:before {
  background-position: -116px -218px
}
.mobi-prev:hover:before {
  -webkit-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%);
}
.mobi-next:hover:before {
  -webkit-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%);
}
.mobi-block-left {
  float: left;
  width: 38%;
}
.mobi-description {
  float: right;
  width: 44%;
  position: relative;
  z-index: 2;
}

.mobi-description h2 {
  font-size: 5.4rem;
  line-height: 7rem;
  color: #210b39;
  margin-bottom: 2rem;
  -webkit-transition: -webkit-transform 0.7s, opacity 0.7s;
  transition: transform 0.7s,  opacity 0.7s;
  -webkit-transform: translate(-150px, 0);
  transform: translate(-150px, 0);
  opacity: 0;
}
.mobi-description p {
  font-size: 2.3rem;
  line-height: 3.5rem;
  padding-bottom: 3rem;
  color: #210b39;
  -webkit-transition: -webkit-transform 0.5s 0.2s, opacity 0.5s 0.2s;
  transition: transform 0.5s 0.2s,  opacity 0.5s 0.2s;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  opacity: 0;
}
.animate .mobi-description h2,
.animate .mobi-description p {
  opacity: 1;
  -webkit-transform:translate(0, 0);
  transform: translate(0, 0);
}
@-webkit-keyframes mobiSwipe {
  0% { -webkit-transform: translate(0, 0);}
  17% { -webkit-transform: translate(-1rem, 0) ;}
  33% { -webkit-transform: translate(1rem, 0);}
  50% { -webkit-transform: translate(0, 0);}
  66% { -webkit-transform: translate(0, 0.5rem) scale(0.8);}
  83% { -webkit-transform: translate(0, -2rem) scale(1);}
  100% { -webkit-transform: translate(0, 0);}
}

@keyframes mobiSwipe {
  0% { transform: translate(0, 0);}
  17% { transform: translate(-1rem, 0);}
  33% { transform: translate(1rem, 0);}
  50% { transform: translate(0, 0);}
  66% { transform: translate(0, 0.5rem) scale(0.8);  }
  83% { transform: translate(0, -2rem) scale(1);}
  100% { transform: translate(0, 0);}
}
@-webkit-keyframes laptop {
  0% { -webkit-transform: translate(0rem, 0rem);}
  12.5% { -webkit-transform: translate(-1rem, 0rem);}  
  37.5% { -webkit-transform: translate(1rem, 0rem);}
  50% { -webkit-transform: translate(0rem, 0rem);}
  62.5% { -webkit-transform: translate(0rem, -1rem);}  
  87.5% { -webkit-transform: translate(0rem, 1rem);}  
  100% { -webkit-transform: translate(0rem, 0rem);}
}

@keyframes laptop {
  0% { transform: translate(0rem, 0rem);}
  12.5% { transform: translate(-1rem, 0rem);}  
  37.5% { transform: translate(1rem, 0rem);}
  50% { transform: translate(0rem, 0rem);}
  62.5% { transform: translate(0rem, -1rem);}  
  87.5% { transform: translate(0rem, 1rem);}  
  100% { transform: translate(0rem, 0rem);}
}
.scroll-icon { 
  top: 60%;
  left: 50%;
  width: 110px;
  height: 110px;
  border-radius: 110px;
  background: #00e06d;
  margin-left: -55px;  
  z-index: 10;
  position: absolute;
  cursor: pointer;
}
.laptop-wrap .scroll-icon {
	display: none;
}
.tablet-view  .scroll-icon {
  display: none!important;
}
.scroll-icon:after {
	background: url(images/sprite.png) no-repeat 0 -425px;
	width: 34px;
	height: 45px;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 25px;
	-webkit-animation: mobiSwipe  7s  infinite;
  animation: mobiSwipe  7s  infinite;
} 
.laptop-wrap .scroll-icon:after{
  -webkit-animation: laptop  3s  infinite;
  animation: laptop  3s  infinite;
}
.scroll-icon span {
	position: absolute;
	top: 80px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.2rem;
  color: #fff;
  text-transform: uppercase;
}
.single-work {
  background: #fcfcfc;
}
.single-work .services-nav .prev-service, 
.single-work .services-nav .next-service {
  padding-left: 0;
  padding-right: 0;
  padding-top: 1.8rem;
}
.single-work .services-nav .prev-service strong {
  padding-left: 3rem;
}
.single-work .services-nav .next-service strong {
  padding-right: 3rem;
}

.thumbnail-prev,
.thumbnail-next {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}
.thumbnail-prev div,
.thumbnail-next div {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: opacity 0.5s, -webkit-transform .5s;
  transition: opacity 0.5s,transform .5s;
}
.thumbnail-prev.zoom div,
.thumbnail-next.zoom div {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.thumbnail-prev.hover div,
.thumbnail-next.hover div {
  opacity: 0.2;
}
.thumbnail-prev {
  left: 0;
}
.thumbnail-next {
  right: 0;
}
.thumbnail-prev span,
.thumbnail-next span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url(images/grad.png) repeat-x 0 bottom;
}
.thumbnail-prev:after,
.thumbnail-next:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #210b39;
  opacity: 0.3;
  z-index: 1;
  content: "";
}
.single-work .services-nav .agency-back:before, .services-nav 
.single-work .agency-back span:before, 
.single-work .services-nav .agency-back span:after {
  display: none;
}

.single-work .services-nav .agency-back span em{    
  width: .7rem;
  height: .7rem;
  border: 1px solid #fff;
  display: inline-block;
  margin: 2px;
  vertical-align: top;
  border-radius: 0.2rem;
  -webkit-transition: border .3s, -webkit-transform .3s;
  transition: border .3s, transform .3s;
}
.single-work .services-nav .agency-back span:before {
  display: none;
}
.single-work .services-nav .icon-all span {
  display: block;
  max-height: 1.2rem;
}
.icon-all {
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  -webkit-transform: translate(0, -1rem);
  transform: translate(0, -1rem);
  display: block;
}
.agency-back:hover .icon-all {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.single-work .services-nav .agency-back:hover span em {
  border-color: #0aaf60;
}

.page-template-contact-page .wpcf7-response-output {
	display: block !important;
	visibility: visible;
	border: none !important;
}

.wpcf7-validation-errors {
	color: red;
}
.wpcf7-mail-sent-ok {
	color: #00e06d;
}
.page-template-agency-page .wpcf7-mail-sent-ok {
	display: block!important;
	visibility: visible!important;
}




@media screen and ( min-width: 1340px ) and (max-height: 880px) {
  .inner-navi {
    -webkit-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
  }
  .work-navigation-wrap .total em {
  	top: -2rem;
  }
  .work-right-in .lines {
  	bottom: -5.5rem;
  }
  .work-navigation-wrap .total strong {
  	margin-right: -1rem;
  }
}
@media screen and ( min-width: 1340px ) and (max-height: 800px) {
  .inner-navi {
    -webkit-transform: translateY(-50%) scale(0.85);
    transform: translateY(-50%) scale(0.85);
  }
}
@media screen and ( min-width: 1340px ) and (max-height: 760px) {
  .inner-navi {
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
  }

}
@media screen and ( max-width: 1200px ) {
  .contact-description p {
    font-size: 4.8rem;
  }
  .laptop-position.animate {
  	right: -250px;
  }
}
@media screen and ( max-width: 1150px ) {
	.contact-description p { 
		min-height: 1px;
	}
	.contact-left-fields:after {
		height: 43vw;
	}
  .head-right {
    padding-top: 8.5rem;
  } 
  .laptop-position {
  	top: 36rem;
  }
  .work-description .quotes.new-quotes,
  .agency-bottom .quotes.new-quotes {
    top: -162px;
    left: -340px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  
  }
  .agency-bottom .quotes.new-quotes {
    top: -137px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    left: -300px;
  }
  .intro.left-style .laptop-position.tablet-view,
  .intro.left-style .laptop-position {
  
   top: 12rem
  }
  .inner-navi {
    -webkit-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
  }
  .content-contact .col-r {    
    padding: 12.4rem 0 0;
  } 
  #trigger1 {  
    margin-top:-141px;     
  }
  .diagram-wrap {
    margin-left: -170px;
  }

}




/* Responsive */
@media screen and ( max-width: 1750px ) {
	.background-quote {
		font-size: 30rem;
	}
/*	.text-bg {
		font-size: 27rem;
	}*/
}





@media screen and ( max-width: 1600px ) {
  .work-left-inner {
    padding: 2rem 10% 0 0;
  }
  .mobi-carousel-wrap {
  	margin: 0 0 0 auto;
  	-webkit-transform: translate(0px, 50px);
  	transform: translate(0px, 50px);
  }
  .mobi-block-left {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .animate .mobi-carousel-wrap {
  	-webkit-transform: translate(0px, 0px);
  	transform: translate(0px, 0px);
  }
  .bg-blocks:before {
    height: 100rem;
  }  
}

@media screen and ( max-width: 1400px ) , screen and (max-height: 870px) {
  .work-sub-title {
    font-size: 6rem;
    line-height: 6rem;
    margin-bottom: 2rem;
  }
  .work-description, 
  .work-description-second {
    padding-left: 9rem;
  }
  .work-type,
  .work-description p {
    margin-bottom: 2rem;
  }
  .work-left-inner {
    padding-top: 0;
    padding-left: 0px;
  }
  .work-navigation-wrap {
    top: 105%;
  }
  .next-work {
    bottom: 0;
  }
}
@media screen and ( max-width: 1150px ) {
  #canvas-holder .amount {
    font-size: 2.4rem;
  }
  .work-type .work-services {
	  float: left;
	  width: 50%;
	}
	.work-type .work-techno {
	  margin-left: 50%;
	}
}
@media screen and ( max-width: 1023px ) {
  .filter-insights ol li {
    margin: 0 1.5rem;
  }
  .work-navigation-wrap { 
  	bottom: -7vh;
  }
  .intro.left-style {
    padding-bottom: 5rem;
  }
  .laptop-wrap:before {
    display: none;
  }
	.fix-mouse-click  {
	  position: absolute;
	  top: 0;
	  right: -1000px;
	  bottom: 0;
	  left: -1000px;
	  content: '';
	  display: block;
	  z-index: 98;
	}
	.intro.active .fix-mouse-click {
	  display: none;
	}

  .flipbook img {
    max-height: 80vh;
    margin: 0 auto;
  }
  .contacr-wrap .banner-outer {
    position: relative;
    margin-left: 0px!important;
  }
  .contacr-wrap .inner {
    position: static;
  }
  .head-right {
    position: absolute;
    top: 0;
    left: 3rem;
    right: 3rem;
    padding-top: 12.5rem;
    z-index: 3;
  }
  .contact-description {
    padding-left: 0px;
    padding-right: 0px;
  }
  .top-green-dot {
    display: none;
  }
  .work-sub-title {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 1rem;
  }
  .contact-left-fields:after {
    display: none;
  }
  #canvas-holder .amount {
    font-size: 2.4rem;
  }
  .intro .statement {
    padding-left: 0px;
  }
 
  .explore-project-wrap {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;    
  }
  .work-description .quotes {
    top: -66px;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  
  }  
  .work-description,
  .work-description-second {
    padding-left: 5rem;
  }
  .nav-line-w:nth-child(6n),
  .nav-line-w:nth-child(5n) {
    display: none;
  } 
  .work-navigation-wrap {
    top: 108%;
  }
}
@media screen and ( min-width: 768px ) {
	.page-template-flexible-page .feature-txt {
		background: none!important;
	}
}
@media screen and ( max-width: 767px ) {
	.page-template-flexible-page .banner-outer #bannerMask {
		display: none;
	}
	.page-template-flexible-page  .entry-content {
		padding: 0;
	}
	.full-video {
		height: 30rem;
	}
	.full-video .play-icon {	  
	  width: 78px;
	  height: 75px;
	  background: url(images/sprite.png) no-repeat -338px -304px;
	}  
	.full-video .pause-layout em {
		width: 75px;
		height: 75px;
		background: url(images/sprite.png) no-repeat -338px -411px;
	}
	.full-video .pause-layout em i {
		top: 62px;
		left: 14px;
	}
	.small-header {
		font-size: 5.2rem;
		line-height: normal;
	}
	.small-header h1 br {
		display: none;
	}
	.page-template-flexible-page .feature-txt {
		position: static;
		padding: 11rem 0 5rem;
		overflow: hidden;
	}
	.page-template-flexible-page .feature-txt .col-r p.animate span em {
		color: #fff;
	}
	.page-template-flexible-page .banner-outer {
		position: static;
		margin-left: 0;
		width: auto;
	}
	.page-template-flexible-page .feature-txt .col-r-in {
		-webkit-transform: inherit;
		transform: inherit;
		position: static;
		color: #fff;
	}
	.page-template-page-templatesthanks-page-php #primary .page-title {
		font-size: 9rem;
		line-height: 17rem;
	}
	.portrait .work-right .work-right-in {
		left: 0;
	}
	.page-template-work-page #footer {
		display: none!important;
	}
  .portrait .work-sub-title {
    font-size: 4rem;
    line-height: 4rem;
  } 
  .work-right-in .lines {
  	display: none;
  }
  .is-mobile-work .work-navigation .slick-next,
	.is-mobile-work .work-navigation .slick-prev {
	  display: none;
	}
  .insight-row a:hover em {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .contact-fields input {
    padding: 0; 
  }
  .head-right {
    left: 4%;
    right: 4%;
  } 
  .intro .statement .entry {
    padding-right: 0px;
  }
  .portrait .nav-line-w:nth-child(4n) {
    display: none;
  }  
  .portrait .work-inner-wrap {
    margin-top: 50px!important;
    position: static;
  }
  .portrait .work-navigation-wrap {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px);
  }
  .portrait .work-navigation-wrap.to-show,
  .portrait .work-navigation-wrap {
    -webkit-transform: translate(0%, 0px);
    transform: translate(0%, 0px);
  }
  .portrait .work-navigation-wrap {
  	-webkit-transition: transform 0s;
  	transition: transform 0s;
  }
  .portrait .current-work, 
  .portrait .fake-work {
    left: 4%;
    right: 4%;
    top: 50px;
    height: auto;
    bottom: 50px;
  }
  .portrait .work-right {
    width: 80vw;
    height: 85vw;
  }  
  .portrait .work-left {
    top: 90vw;
  }
  .portrait .work-left-inner,
  .portrait .work-left-inner .work-left-in {
    display: block;
  }
  .work-description {
    display: none;
  }
}
@media screen and ( max-width: 480px ) {
   .portrait .work-left {
    top: 97vw;
  } 
  .page-id-168 .ipad {
  	margin-top: -5rem;
  }
  .post-gallery-wrap .highlights {
  	right: -16px;
  }
  .portrait .work-left h2 {
    margin-bottom: .5rem;
  }
  .portrait .work-right {
    height: 92.75vw;
    width: 87.2vw;
  }  
  .poster {
  	position: absolute;
  	left: 50%;
  	-webkit-transform: translate(-50%,0);
  	transform: translate(-50%,0);
  }
}
@media screen and ( max-width: 480px ) and ( max-height: 520px ){
	.portrait .work-right {
    height: 84.75vw;
    width: 79.7vw;
  }  
  .portrait .work-left {
    top: 89vw;
  } 
}
@media screen and ( max-width: 374px ) {
 
  .post-social {
    margin-right: -10px;
  }  
  .explore-project-wrap {
    display: none;
  }  
  .portrait .nav-line-w:nth-child(3n) {
    display: none;
  }
  .work-line-2, .work-line-5 {
    width: 7px;
  }
  .work-line-1, .work-line-3,
  .work-line-4, .work-line-6 {
    height: 7px;
  }
}
@media screen and ( max-width: 359px ) {
 .portrait .work-sub-title {
    font-size: 3rem;
    line-height: 3rem;
  }
  .portrait .work-right {
    height: 85vw;
    width: 80vw;
  }
  .portrait .work-left {
    top: 90vw;
  } 
  .our-ideals .main-txt {
  	font-size: 2.6rem;
  }
}
@media screen and (max-height: 660px), screen and ( max-width: 767px ) {
  .work-type {
    display: none;
  }
}
@media screen and (max-height: 520px), screen and ( max-width: 640px ) {
  .work-description .quotes {
    display: none;
  }
  .page-template-service-page .menu-icon span, 
  .page-template-service-page .menu-icon span::before, 
  .page-template-service-page .menu-icon span::after{
    background: #fff;
  }
  .work-description, .work-description-second,
  .portrait .work-description, .portrait .work-description-second {
    padding-left: 0px;
  }
  .next-work {
    display: none;
  } 
  .work-sub-title {
    font-size: 4rem;
    line-height: 4rem;
  }
  .work-left h2 {
    font-size: 1.7rem;
    padding-top: 3rem;
  }
   .work-navigation-wrap {
    top: 110%;
  }  
  .work-navigation-wrap {
    top: 118%;
  }
  .animate .work-right .awards {
    opacity: 1;
    -webkit-transform: translate(0px, 0px) scale(0.5);
    -webkit-transform-origin: 100% 0% 0;
    transform: translate(0px, 0px) scale(0.5);
    transform-origin: 100% 0% 0;
 }
}
@media screen and (max-height: 420px) {
  .work-left h2 {
    padding-top: 1rem;
  }    
  .work-sub-title {
    font-size: 3rem;
    line-height: 3rem;
  }
  .nav-line-w:nth-child(4n) {
    display: none;
  }
  .work-inner-wrap {
    margin-top: 50px!important; 
    position: static;
  }
  .work-navigation-wrap {
    top: auto;
    bottom: 0;     
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px); 
  }
  .work-navigation-wrap.to-show {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }
  .current-work, 
  .fake-work {
    left: 4%;
    right: 4%;
    top: 50px;
    height: auto;
    bottom: 30px;
  }
  .work-navigation-wrap {
  	left: 3%;
  }
  .work-menu {
  	width: auto;
  	left: 0;
  	right: 0;
  	position: relative;
  }
  .page-template-work-page #header {
    position: absolute;
  }
  .home #header { 
    position: fixed;
  }
}
@media screen and (max-height: 400px) {
  .work-description {
    display: none;
  }
}

@media screen and ( max-width: 1500px ) { 
/*	.text-bg {
		font-size: 20rem;
	}*/
	.laptop-position.tablet-view.animate {
		right: -160px;
	}
  .intro.left-style .laptop-position.tablet-view.animate {
    left: -160px;
    right: auto;
  }
  .slide-inner {
    width: auto;
  }
  /*blog post*/
  .post-hero-image .inner {
    max-width: 860px;
  }
  .post-hero-image a[rel=prev]:after,
  .post-hero-image a[rel=next]:after {
    font-size: 15rem;
  }
  .post-hero-image a[rel=prev] {
    -webkit-transform: translate(6rem, 40rem) rotate(-90deg);
    transform: translate(6rem, 40rem) rotate(-90deg);
  }
  .post-hero-image a[rel=next] {
    -webkit-transform: translate(-5rem, 40rem) rotate(-90deg);
    transform: translate(-5rem, 40rem) rotate(-90deg);
  }
  
  .entry-content .slick-dots {
    width: auto;
    left: 100px;
    margin-left: -20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media screen and ( max-width: 1400px ) { 
	.laptop-position {
		height: 604px;
	}
	.post-hero-image a[rel=prev] {
		top: 31.5rem;
	}
	.post-hero-image a[rel=next] {
		top: -13.5rem;
	}
  .right-intro .work-type {
    padding-left: 10%;
  }
  .laptop-position .laptop-wrap {
    -webkit-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
    -webkit-transform-origin: center 0;
    transform-origin: center 0;
  } 
	.intro {
		min-height: 800px;
	}
  #navi li a {
    padding: 7rem 5rem 8rem;
  }
}
@media screen and ( max-width: 1280px ) { 
	.background-quote {
		font-size: 25rem;
	}
	.post-hero-image a[rel=prev] {
		top: 36.5rem;
	}
	.post-hero-image a[rel=next] {
		top: -8.5rem;
	}
	.intro .statement .entry {
		font-size: 2rem;
		line-height: 3.2rem;
	}
  .content-contact .col-r {
    padding-top: 11rem;
  }
  .diagram-wrap {
    top: 11rem;
  }
  .author-side {
    position: static;
    width: auto;
    overflow: hidden;
    text-align: left;
  }
  .author-photo {
    float: left;
    width: 100px;
    height: 100px;
  }
  .about-author {
    margin-left: 120px;
  }
  .vertical {
    width: auto;
    position: static;
  }
  .vertical .first-social {
    padding: 1rem;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
  }
  .vertical .last-social {
    max-width: 0;
    display: none!important;
    white-space: nowrap;
    max-height: 100%;
    padding: 1rem 0;
    -webkit-transition: max-width 0.5s ease 0s, padding 0.5s ease 0s;
    transition: max-width 0.5s ease 0s, padding 0.5s ease 0s;
  }
  .vertical .first-social:before {
  	display: none;
  }
  .vertical .last-social.active {
    max-width: 150px;
    padding: 1rem;
  }
}
@media screen and ( max-width: 1150px ) { 
  .heard-about-us .fancy-select {
    max-width: 100%;
  }
  .page-template-flexible-page .animated .entry-content h1,
  .page-template-flexible-page .animated .callout h1 {
  	font-size: 4.4rem;
  	line-height: 5.4rem;
  	padding-top: 5rem;
  }
  .work-right-in .lines {
  	width: 20rem;
  	height: 20rem;
  	right: -3.5rem;
  }
  .work-right .work-right-in {
  	right: 3rem;
  }
  .work-navigation-wrap .total strong {
  	font-size: 16rem;
  	line-height: 13rem;
  	letter-spacing: 0px;
  	margin-right: 0px;
  }
  .work-navigation-wrap .total em {
  	top: -2.5rem;
  }
  .post-hero-image a[rel=prev] {
		top: 37.5rem;
	}
	.post-hero-image a[rel=next] {
		top: -7.5rem;
	}
  .swiper-slide img {
  	width: auto;
  	height: 220px
  }
  .bg-blocks:before {
    height: 75rem;
  }
  .entry-content .slick-dots li {
    width: 40px;
    height: 60px;
  }
  .post-gallery .slick-dots li.slick-active .slick-arrow-line-1,
  .post-gallery .slick-dots li.slick-active .slick-arrow-line-3,
  .no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-1,
  .no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-3 {
    width: 50px;
  }
  .entry-content .slick-dots { 
    margin-left: -10px;
  }
  .heard-about-us-left {
    margin-right: 56%;
  }
  .heard-about-us-right{
    width: 52%;
  }
  .contact-left-fields { 
    padding: 15rem 2% 0;
  }
  .contact-description {
    padding: 0 8% 2.5rem;
  }
  .contact-bottom-fields {
  	padding: 0 2%;
  }
  .contact-right-fields {
    padding: 15rem 2% 0;
  }
  .contact-left-fields::before, 
  .contact-right-fields::before, 
  .contact-bottom-fields::before {
    top: 15rem;
  }
  .contact-bottom-fields::before {
    top: 9rem;
  }  
  /*case*/
  .laptop-position {
    height: 492px;
  }
  .laptop-position .laptop-wrap {
  	-webkit-transform: scale(0.65) !important;
    transform: scale(0.65) !important;
	}
	.laptop-position.animate {
		right: -300px;
	}
  .intro.left-style .laptop-position.animate {
    left: -300px;
    right: auto;
  }
	.intro .statement h3 {
		font-size: 5rem;
		line-height: 6rem;
	}
	.intro {
		padding: 5rem 0 2rem;
	}	
	.single-work .post-content {
		padding-bottom: 5rem;
	}	
	.ideals h2 {
		margin-bottom: 3rem;
	}
	.ideals-wrap {
		width: 48%;
		padding: 8rem 5% 0;
	}
	.page-template-flexible-page .ideals-wrap {
		padding: 8rem 2% 0 5%;
	}
	.ideals,
	.sliding-block {
		padding-bottom: 5rem;
	}
	.large-image-right-description {
    padding: 10rem 2% 10rem 0;
  }
	.work-quote {
		padding: 8rem 0;
	}
	.text-carousel {
		margin-left: 0;
		padding-right: 0;
	}
	.text-carousel-inner {
		margin-bottom: 0 !important;
	}
	.mobi-block {
		padding: 8rem 0;
	}
	.mobi-description h2 {
		font-size: 5rem;
		line-height: 5.5rem
	}
	.work-head-sub {
  	font-size: 7rem;
  	line-height: 8rem;
  	margin-left: 0;
  }
  .say-hello {
		margin-bottom: 50px;
	}
  .accolades ul li {
    margin-left: 6%;
  }
}
@media screen and ( max-width: 1023px ) { 
	.entry-content ul,
	.entry-content ol {
		margin-left: 2.7rem;
	}
  .post-gallery-wrap .highlights, .single-work .highlights {
  	top: 28rem;
  }
  .work-navigation-wrap .total {
  	display: none;
  }
  .portrait .work-menu {
  	width: auto;
  	left: 0;
  	right: 0;
  	padding-bottom: 2rem;
  	position: static;
  }
  .portrait .work-right .work-right-in {
  	right: 0;
  	left: 0;
  }
  .portrait .work-navigation-wrap {
  	left: 3%;
  	text-align: center;
  }
  .single-work .post-gallery-wrap .highlights {
  	top: 1rem;
  }
  .page-template-contact-page #logo a::after {
    opacity: 0;
  }  
  .page-template-contact-page #logo a::before {
    opacity: 1;
  }
  .fix-category {
    position: fixed;
    left: 0;
    right: 0;
    top: 70%;    
    height: 500px;
    display: block;
    background: #fff;
  }
  .intro .accolades::before {
    top: 9rem;
  }
	.heard-about-us h4 {
		font-size: 1.2rem;
	}
/*	.text-bg {
		font-size: 15rem;
	}	*/
  #navi {
    overflow-y: auto;
  }
  .portrait  #navi li:last-child {
  	margin-bottom: 0px!important;
  }
  .portrait  #navi {
  	height: auto;
  	bottom: 0;
  }
  .portrait  .inner-navi {
  	position: static;
  	-webkit-transform: inherit;
  	transform: inherit;
  }
  .portrait  .menu-main-menu-container {
  	position: absolute;
  	top: 50%;
  	left: 0;
  	right: 0;
  	-webkit-transform: translate(0,-50%);
  	transform: translate(0,-50%);
  }
  #navi li.top-left,
  #navi li.top-right,
  #navi li.bottom-left,
  #navi li.bottom-right, 
  #navi li.center {
    -webkit-transform: translate(-80px, 0);
    transform: translate(-80px, 0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;  
    transition: transform 0.5s, opacity 0.5s;  
  }
  #navi li.top-left {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  #navi li.top-right {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  #navi li.bottom-left {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  #navi li.bottom-right {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  #navi li.center {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  #navi li a:after {
    display: none;
  }
  #navi li.current-menu-item a span.item-nav {
    color: #00e06d;
  }
  #navi.active li {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    opacity: 1 !important;
  }
  #navi li {
    display: block;
    float: none !important;
    margin-bottom: 50px !important;
  }
  #navi {
    width: 100%;
    text-align: center;
  }
  #navi li.center {
    position: static;
  }
  #navi li.center a {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  #navi li a {
    padding: 0 !important;
    background: none !important;
  }
  #navi li a span.item-nav {
    color: #fff;
  }
  .inner-navi {
    top: 0;
    padding: 130px 4% 0;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
  #navi li a span.item-nav {
    line-height: normal;
  }
  .nav-line,
  .nav_desc {
    display: none;
  }
  .head-right {
    float: none;
    width: auto;
  }
  .head-right-after {
    left: -5%;
    width: 110%;
  }  
  .post-hero-image a[rel=prev],
  .post-hero-image a[rel=next] {
    display: none;
  }
  .inner-post {
    padding: 0 3rem;
  }
  figure.wp-caption  {
    width: auto !important;
  }
  figure.wp-caption img {
    max-width: 100%;
    height: auto;
  }
  .filter-insights {
  	padding: 3rem 0;
  }
  /*case*/
  .laptop-position {
		position: static;
		margin: 0 auto;
		height: 378px;
		width: 100%;	
    overflow: hidden;	
	}
  .intro {
    min-height: 1px;
  }
  .laptop-position .laptop-wrap {
    -webkit-transform: scale(0.5) !important;
    transform: scale(0.5) !important;
    -webkit-transform-origin: 50% 80px;
    transform-origin: 50% 80px;
  } 
  
  .laptop-position.tablet-view {
    width: 100%;
  }
	.laptop-position .slick-list{
		overflow: visible;
	}
	
	.intro .statement {
		float: none;
		width: auto;
		padding-right: 0;
		margin-bottom: 3rem;
	}
	.right-intro {
		margin-left: 0;
	}
	.right-intro .work-type {
		padding-left: 0;
	}
	.intro .accolades {
		padding-top: 3rem;
	}
	.ideals-wrap {
		width: auto;
		display: block;
	}
	.large-image-right-description {
		width: auto;
		float: none;
	}
	.large-image-right-description {
		float: none;
		width: auto;
	}
	.large-image-right-image {
		margin-left: 0;
		padding: 0 0 5rem
	}
	.mobi-block-left {
		float: none;
		width: auto;
		margin-bottom: 8rem;
	}
	.mobi-carousel-wrap {
		margin: 0 auto;
	}
	.mobi-description {
		margin-left: 0;
		clear: both;
		width: auto;
		float: none;
	}
  .contacr-wrap {
    background: url("images/contcat-bg.jpg") no-repeat scroll center 45rem / 100% auto;
  }
}
@media screen and ( max-width: 800px ) {
   .content-contact .col-r {
    visibility: hidden;
  }
  .contact-right-fields .diagram-wrap{
    z-index: 1;
    visibility: visible;
    position: static;
    padding-top: 7rem;
  } 
  .contact-left-fields .diagram-wrap{
    z-index: -999;
    visibility: hidden;
    position: absolute;
  }
  .contact-description {
    padding: 0 0 3rem 0;
  }
  .contact-left-fields {
    margin-top: 0;
  }
  .contact-left-fields:after {
    display: none;
  }
  .contact-left-fields,
  .contact-right-fields{
    width: auto;
    float: none;
  }
  .diagram-wrap {
    text-align: center;
    margin-top: 8rem;
    min-height: 1px !important;
    height: auto !important;  
    margin: 0px auto;
  }
  .diagram-estimate {
    position: static !important;
  }
  .contact-bottom-fields {
    margin-top: 0;
  }
  .contact-bottom-fields-description {
    width: auto;
    padding-top: 9rem;
  }
  .content-contact {
    padding-bottom: 5rem;
  }
  #canvas-holder .amount {
    font-size: 1.9rem;
    width: 120px;
  }
  #canvas-holder convas {
    width: 100%;
    height: auto; 
  }  
}
@media screen and ( max-width: 1023px ) and (orientation: landscape) { 
  .fix-category {
    display: none;
  }
}
@media screen and ( max-width: 767px ) {
	.page-template-flexible-page .two-cols .col-l,
	.page-template-flexible-page .two-cols .img-wrap,
	.page-template-flexible-page .two-cols .callout,
	.page-template-flexible-page .two-columns .col-50 {
		float: none!important;
		width: 100%!important;
	}	
	.page-template-flexible-page.flex-type1 #header .menu-icon span, 
  .page-template-flexible-page.flex-type1 #header .menu-icon span::before, 
  .page-template-flexible-page.flex-type1 #header .menu-icon span::after,
  .page-template-flexible-page.flex-type1.navi-active #header .menu-icon span, 
  .page-template-flexible-page.flex-type1.navi-active #header .menu-icon span::before, 
  .page-template-flexible-page.flex-type1.navi-active #header .menu-icon span::after,
  .page-template-flexible-page.flex-type1.navi-active #header.scrolled .menu-icon span, 
  .page-template-flexible-page.flex-type1.navi-active #header.scrolled .menu-icon span::before, 
  .page-template-flexible-page.flex-type1.navi-active #header.scrolled .menu-icon span::after {
	  background: #fff;
	}
	.page-template-flexible-page.flex-type1 #header.scrolled .menu-icon span, 
  .page-template-flexible-page.flex-type1 #header.scrolled .menu-icon span::before, 
  .page-template-flexible-page.flex-type1 #header.scrolled .menu-icon span::after {
	  background: #331d4b;
	}
	.page-template-flexible-page .two-columns .col-50.right {
		padding-top: 4rem;
	}
	.page-template-flexible-page .two-columns.three .col-50 {
		padding-top: 4rem;
	}
	.page-template-flexible-page .two-columns.three .col-50.first {
		padding-top: 0;
	}
	.page-template-flexible-page .animated .entry-content h1,
	.page-template-flexible-page .animated .callout h1 {
		font-size: 3.5rem;
		line-height: normal;
	}
	.page-template-flexible-page .two-cols,
	.page-template-flexible-page .full-video-wrap,
	.table-layout-in,
	.page-template-flexible-page .two-columns,
	.page-template-flexible-page .ideals,
	.page-template-flexible-page .text-carousel-wrap,
	.page-template-flexible-page .single-column.entry-content {
		padding: 4rem 0;
	}
	.page-template-flexible-page .post-content {
		padding: 2rem 0;
	}
	.page-template-flexible-page .banner-outer, 
	.page-template-flexible-page .small-header, 
	.page-template-flexible-page .work-video {
		margin-bottom: 4rem;
	}
	.page-template-flexible-page .two-cols .col-l,
	.page-template-flexible-page .two-cols.left-style .img-wrap,
	.page-template-flexible-page .two-cols .callout {
		padding-bottom: 3.5rem;
	}
	.page-template-flexible-page .two-cols.left-style .col-l,
	.page-template-flexible-page .two-cols .img-wrap {
		padding-bottom: 0;
	}	
	.page-template-flexible-page .two-cols .img-wrap  {
		text-align: center;
	}
	.table-layout-in .entry-content table {
		display: table;
	}
	.table-layout-in .entry-content table tr td {
		display: none;
		width: 50%!important;
	}
	.table-layout-in .entry-content table:nth-child(1) tr td:nth-child(1),
	.table-layout-in .entry-content table:nth-child(1) tr td:nth-child(2) {
		display: table-cell;
	}
	.table-layout-in .entry-content table:nth-child(2) tr td:nth-child(1),
	.table-layout-in .entry-content table:nth-child(2) tr td:nth-child(3) {
		display: table-cell;
	}
	.table-layout-in .entry-content table:nth-child(3) tr td:nth-child(1),
	.table-layout-in .entry-content table:nth-child(3) tr td:nth-child(4) {
		display: table-cell;
	}
	

	
  .intro .accolades {
    padding-bottom: 4rem;
  }
  .slide-inner .highlights-inner .more-wrap a.more-info {
    text-indent: -9999px;
    padding-top: 0px;
    width: 60px;
    height: 60px;
  }
  .slide-inner .highlights-inner .more-wrap a.more-info span {
  	top: 50%;
  	margin-top: -1.85rem;
  }
  .slide-inner .highlights-inner .more-wrap.to-show.to-hide a.more-info {		
		width: 60px;
		height: 60px;		
	}
	.highlights-inner .to-show .pop-up-box p + a {
		text-indent: -9999px;
	}	
  .menu-icon {
    right: 4%;
  }
	.say-hello {
		padding-bottom: 13rem;	
	}
	.header-blog {
		padding-top: 10rem;
	}
	.header-blog h2 {
		font-size: 5rem;
		line-height: 5rem;
	}
	.filter-by-cat,
	.filter-insights ol {
		width: 100%;
	}
  .heard-about-us-left {
    width: auto;
    float: none;
    
    margin-right: 0;
  }
  .heard-about-us-right {
    width: auto;
    float: none;
    margin-bottom: 2rem;
  }
  .post-head h1, 
  .post-head h2 {
    font-size: 5rem;
    line-height: normal;
  }
  .post-head {
    padding-top: 9rem;
  }
  .inner-post {
    padding: 0 4%;
  }
  .slide-inner {
    margin: 5px;
    box-shadow: 0 0 5px 0 #f2f2f2;
  }
  .entry-content .slick-dots li {
    height: 39px;
    width: 29px;
  }
  .post-gallery .slick-dots li.slick-active .slick-arrow-line-1,
  .post-gallery .slick-dots li.slick-active .slick-arrow-line-3,
  .no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-1,
  .no-touch .post-gallery .slick-dots li:hover .slick-arrow-line-3 {
    width: 39px;
  }
  .entry-content .slick-dots {
    left: 130px;
    margin-left: -19px;
  }
  .post-gallery-wrap .highlights {
  	right: 71px;
  	top: 29rem;
  }
  .single-work .post-gallery-wrap .highlights {  	
  	top: 1rem;
  	right: 0;
  }
  .entry-content h2 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .entry-content ul,
  .entry-content ol {
    margin-left: 3rem;
    margin-bottom: 3rem
  }
  .sliding-block .slick-slide img {
  	max-width: 90vw;
  	height: auto;
  }
  .work-head {
  	left: 0;
  	padding: 0 4%;
  	margin-left: 0;
  }
  .laptop-position {
    margin: 0 auto ;
    height: 242px;
	}
  .laptop-position .laptop-wrap {
    -webkit-transform: scale(0.32) !important;
    transform: scale(0.32) !important;
     -webkit-transform-origin: 50% 33px;
    transform-origin: 50% 33px;    
  }
  .left-style .laptop-position .laptop-wrap {
		width: 772px;
  }
	.parallax-single-photo {
		background-size: cover;
	}
}
@media screen and ( max-width: 767px ) and (orientation: landscape) { 
  .text-carousel-inner .slick-prev, .text-carousel-inner .slick-next {
		display: none !important;
	}
	.layer-b {
		left: 48vw;
	}
	.layer-c {
		left: 60vw;
	}
	.chimpy-reset .sky-form header { 
		padding-left: 0;
		padding-right: 0;
	}
	.chimpy-reset .sky-form header {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.text-carousel-inner {
		padding: 0;
	}
	.digital-entry {
		top: 50%;
	}
	.digital.animate .line-white {
		height: 60px;
		top: 24rem;
	}
	.sign-circle {
		border-radius: 0;
		height: 94%;
		width: 58rem;
		margin-left: -29rem;
		top: 3%;
		bottom: 3%;
		margin-top: 0;
		border-width: 2rem;
	}
}
@media screen and ( max-width: 640px ) {
	.page-template-flexible-page .alignleft,
	.page-template-flexible-page .alignright {
		margin-left: 0;
		margin-right: 0;
		float: none;
		display: block;
		margin: 0 auto 3.2rem;
	}
  .contact-description p {
    font-size: 4rem;
    line-height: 6rem;
  } 
  .post-head h1, .post-head h2 {
    font-size: 4rem;
  }
  .fix-category {
    display: none;
  }
	.text-carousel-inner {
		padding: 0;
	}
	.text-carousel-inner .slick-prev, .text-carousel-inner .slick-next {
		display: none !important;
	}
	.mobi-carousel-wrap {
  	-webkit-transform: translate(0px, 50px) scale(0.6);
  	transform: translate(0px, 50px) scale(0.6);
  	height: 400px;
  }
  .animate .mobi-carousel-wrap {
  	-webkit-transform: translate(0px, 0px) scale(0.6);
  	transform: translate(0px, 0px) scale(0.6);
  }
  .mobi-block {
  	padding: 2rem 0;
  }
  .work-head-sub {
  	font-size: 5rem;
  	line-height: 6rem;
  }
  .intro .statement h3,
  .large-image-right-description h2,
  .work-quote-inner h2,
  .mobi-description h2 {
  	font-size: 4rem;
  	line-height: 4rem;
  }
  .intro .statement h3,
  .ideals-inner h3,
  .work-quote-inner h2 {
  	font-size: 3.5rem;
    line-height: 4.8rem;	
  }  
  .large-image-right-description p,
  .work-quote-inner p {
  	font-size: 2rem;
    line-height: 3.2rem;
  }
  .work-quote-inner p {
  	padding-left: 20%;
  }
  .work-quote-inner p:before {
  	-webkit-transform: scale(0.6);
  	transform: scale(0.6);
  	-webkit-transform-origin: left top; 
  	transform-origin: left top; 
  }
  .text-slide-text {
  	font-size: 3rem;
  	line-height: 4rem;
  }
  .ideals-wrap,
  .page-template-flexible-page .ideals-wrap {
  	padding-left: 0px;
  	padding-right: 0px;
  }   
}
@media screen and ( max-width: 567px ) {
	.entry-content .slick-dots {
		left: 50px;
	}
	.slick-current .slide-item-outer {
  	margin-right: 0px;
  	margin-left: 20px;
  }
  .post-gallery-wrap .highlights {
  	right: 0;
  }
}
@media screen and ( max-width: 560px ) {
  .diagram-estimate {
    padding: 0;
    box-shadow: none;
  }
  .work-navigation-wrap { 
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px);
  }
   .work-navigation-wrap.to-show { 
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
  }
  .related-item:first-child {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .related-item {
    width: auto;
    float: none;
  }
  .entry-content blockquote {
    padding-left: 60px;
  }
  .entry-content blockquote svg {
    left: 0;
  }
  .author-side {
  	width: 100%;
  }
  .vertical {
  	margin-bottom: 20px;
  }
  .contact-right-fields .diagram-wrap{  
    padding-top: 3rem;
  } 
  .contact-fields {
    padding-bottom: 6rem;
  }
  .highlights-inner .pop-up-box {
		padding: 2rem 5%;
	}
	.slide-inner .highlights-inner {
		bottom: 1rem;
	}
	.highlights-inner .pop-up-box h3 {
		padding-right: 25px;
		line-height: 2rem;
	}
}
@media screen and ( max-width: 480px ) {
	.entry-content ul, 
	.entry-content ol {
		margin-left: 1rem;
	}	
	.large-image-right-description {
    padding-top: 6rem; 
    padding-bottom: 5rem;
  }
	.entry-content ol li::before,
	.entry-content ul li::before {
		margin-right: 1.5rem;
	}
  .head-right {
    padding-top: 9.5rem;
  }
  .post-gallery-wrap .highlights {
  	right: 0px;  	
  }
  .entry-content .slick-dots {
  	left: 35px;
  }
  .slick-current .slide-item-outer,
	.slide-item-outer {
  	margin: 20px 30px; 
  }
  .page-template-flexible-page .slick-current .slide-item-outer,
	.page-template-flexible-page .slide-item-outer {
		margin: 20px 10px 20px 56px; 
	}
  .page-template-page-templatesthanks-page-php #primary .page-title {
		font-size: 7rem;
		line-height: 12rem;
	}
  .inner-navi {    
    padding: 77px 4% 0;   
  }
  .contact-description p {
    font-size: 3.6rem;    
  } 
  .filter-by-cat {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .filter-insights ol {
    max-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    opacity: 0;
    -webkit-transition: max-height 0.6s, padding 0.6s, opacity 0.6s;
    transition: max-height 0.6s, padding 0.6s, opacity 0.6s;
    border: 1px solid #ccc;
  }
  .filter-insights ol.active {
    max-height: 400px;
    padding: 1.5rem;
    opacity: 1;
  }
  .filter-insights ol li {
    display: block;
    margin: 0;
  } 
	.submit-box:after {
		font-size: 20rem;
	}
	
  /*.slide-inner img {
    min-height: 300px;
  }*/
  .intro .accolades::before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: static;
  }
  .intro .accolades {
    padding-left: 0px;
  }
  .intro .accolades ul {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .tablet-view .laptop-carousel .slick-prev, 
  .tablet-view .laptop-carousel .slick-next {
    margin-left: 400px;
  }
  #navi li a span.item-nav {
  	font-size: 5rem;
  }
}	
@media screen and ( max-width: 374px ) {
	.submit-box:after {
		font-size: 17rem;
	}  
	.page-template-page-templatesthanks-page-php #primary .page-title {
		font-size: 6rem;
	}
	.thanks-posts {
		padding-top: 1rem;
	}
	#navi li {
		margin-bottom: 35px!important;
	}
  .contact-description p {
      font-size: 3.2rem;
      line-height: 5rem;
  }
  .accolades ul li {
    margin-left: 3%;
  }
  .intro .accolades ul li img.aw {
    width: 8.5rem;
  }
  .accolades ul li .img-wrap::before {
    width: 6.5rem;
    height: 6.5rem;
    -webkit-transform: translate(2.5rem, -2.5rem);
    transform: translate(2.5rem, -2.5rem);
  }
  .laptop-position  {
    height: 212px;
  }
  .laptop-position .laptop-wrap {
    -webkit-transform: scale(0.28) !important;
    transform: scale(0.28) !important;    
  }
 
}
@media screen and ( max-width: 359px ) {
	.slick-current .slide-item-outer, .slide-item-outer {
	    margin: 20px 10px 20px 56px;
	}
	.page-template-service-page .post-gallery-wrap .highlights {
		display: none;
	}
	.highlights-inner .pop-up-box {
		padding: 1.5rem 4%;
	}	
	.digital-entry h1 {
    font-size: 35px;
    line-height: 40px;
	}
	.digital-entry p {
		font-size: 15px;
		line-height: 21px;
	}
	.digital-entry {
		top: 45%;
	}
}
/* Swiper 3.3.1 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


